All Collections
Gaming Elements
Casino Games Element
Casino Games Element

How to add and customize your casino using Casino Games element?

Karen Sahakyan avatar
Written by Karen Sahakyan
Updated over a week ago

What matters for a casino is the variety of games. As you create a Casino page type, you will automatically get the Casino layout with 3000+ Games.

Anyhow, SpringBuilder has Casino Games element which can be added to the Crafting Area from the Left Panel.

Before diving into the settings and styles, note that in the Public mode you can combine up to four casino games in a multi-window dashboard. Just click the layout icons in the mid-right corner to choose to show one, two, or four games at once and click on the plus icons to add a casino game to the dashboard.

Now let's start the editing process by picking the game categories on the Casino page. To do so, click on the casino games and choose Edit Categories.

Here you can set the ordering of the casino games: Ordering (set in the Casino app, date, rating), bind the element with the Categories element, also publish/unpublish the categories you want to be on your casino page. Don't forget to click 'Save' to keep the changes.

!Note: If there is such an error as shown in the picture below, make sure you have activated games for your SpringBuilder website, otherwise turn off Bind with Categories Element switcher.


The next step is game settings. Just click on the casino games and choose Edit Games Settings. You are offered a range of preferences both for Providers and Games.

In the Providers section, you can customize the settings, such as turning off the provider list, selecting All providers by default, getting the Collapsed view of the element (one line of the providers), setting distances, Background Border Radius, Background Border Width.

In the Games section, you can customize the Layout and General settings of the Games.

Layout settings allow determining the overall layout of the Games, set an animation, define the number of the Games Per Row, the number of Rows, Games Horizontal and Vertical Paddings, and Providers Distance. 

If you enable the Load More button, make sure to set its name, type, and styling.

Also, you can enable custom settings for the mobile view and apply the same settings to this view as well.

Now let’s customize the General settings of the Games. These settings allow defining the ordering of the Games, bind the element with Categories element, choose Aspect Ratio, set Border Radius, customize Title & Button settings, hide/show Practice Mode, and Restricted Games.

You have four options to order the casino games: by Ordering (custom ordering set by you in the Casino app), by date, by the rating of the games, and by CMS ordering (set from CMS backoffice).

The same settings can also be customized for the mobile view.

There are a lot of functionalities to set in the General Settings as well. Start by the ordering (set in the Casino app, date, rating, or CMS ordering set in the backoffice), Aspect Ratio, Border Radius, and Border Width. You can choose to show Game Title, Rating, set title font options for both of them, and choose Play Now button style.

All games can have Practice Mode which can be turned on/off with the corresponding switcher. You can also enable Practice mode for logged-in users only and hide it for non-verified players. Do not forget to choose the style for the Practice button.

Up next, set the distance between the Play Now and Practice buttons, Favorite Icon size. You also have the opportunity to Show Restricted Games which are the games requiring to log in. Another advanced feature includes hiding specific providers and their games that are not available in specific countries. Just turn on/off the corresponding switchers and it's ready!

Besides, you can customize all these General settings for the mobile version of your website with the Mobile Custom Settings switcher.


The next step is the style amendments. Click on the casino games and hit Edit Games Styles. Here also you can separately customize the colors of the Providers and Games

In the Providers section, you can set the colors of each and every component that define the overall style and look of the Providers.


In the Games section, you have two options: Games Colors and Game Popup Colors on Mobile. Go ahead and play with the colors to achieve your desired results!

Alignment - To change the alignment settings of the element, click on the ‘Alignment’ icon. You’ll have three options available: top, center, bottom, just choose the one you prefer.

Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the elements on your page.

Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP.

Mind the Session visibility as well. The latter one allows making certain elements visible only to the logged-in users of your website. This can come in handy if you want to hide some content from users until they sign up on your website.

Trash Icon - If you don't need the Element anymore, Click on the ‘Trash’ icon to remove it from your page.

For more detailed management of the games, make sure to read more on Casino App here.

Check the rest of the elements out there in the Gaming Elements section to make your site more efficient, functional as well as eye-capturing! 

Did this answer your question?