Create and customize Esports page type on your SpringBuilder website.

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

You already know you can add gaming and betting page types to your SpringBuilder website with a click, don’t you? Great! One of the page types we offer is Esports with ready-made page layout. Now you can provide your users with their favorite games in your gambling website.

Esports include a variety of games, including major ones like LOL, PUBG, Call of Duty and many others. To create the page type, head over to your Dashboard > Pages app and click plus. In the Page type list choose Esports.

As a result, you will get this layout:

Besides, we offer two layouts for Esports: Classic and Advanced. You can switch one into another in the page settings.

Now let’s pass into the games settings, background and styles of the page type. First,

customize Game Settings: choose to show League Name Type as a dropdown or slider, have the Sports Ordering by default, time or competition, as well as to display Sports Logo. For the Advanced Esports layout, you can also set border radius and border weight for Odds, as well as the border radius for the Icons and Sports Logo.

Other setting is turning on/off the switcher to Show Games with Streaming First in the list of Esports games.

Next, choose Edit Background for the desktop and mobile versions, then search for the games that you want to change the background of and hit the icon on the right.

Here you have two options: browsing and adding files from your PC, or make use of our free stock of media. Just search for the desired image in the Search field, Preview it and click Add to My Images. Don’t forget to hit Save once you are done.

You can see there are the background options for Default and All. You can add a background to Default, which will apply to all games that have no background set. But once you add a background via All option, it will apply to all games without exclusions.

Up next, let’s fine-tune the styles of Esports. While clicking on the layout, pick Edit Styles.

Here you will play with the Fonts, Colors as well as Border Radius of the page type. Pick font size, weight, font family and style for both day and date. See the difference in the picture below.

In the Border Radius tab you can set the styles of the borders that will be visible in the Public mode.

When it comes to colors, there is a wide variety to set for your SpringBuilder website.

In the Selected Sports tab you can find and change text and background color of all sports separately.

In the Events and Other tabs you can find and set the desktop and mobile colors covering all the details of Esports.

Alignment - To change alignment settings of the element, click on the ‘Alignment’ icon and choose the desired position: top, center, bottom.

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 Divider 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 to make certain elements visible only to the logged in users of your website.

We're done!

You will get the view like this with Countdown for the upcoming games, search bar, markets and more:

For more information about pages, check out the Pages app article. Also, read about other Page Types here for more insight on SpringBuilder.

Have an idea, a bug or a feature request? Send them directly to the SpringBuilder team via Chat.

Did this answer your question?