All Collections
Gaming Elements
Popular Matches Element
Popular Matches Element
How to add and edit the Popular Matches element on your SpringBuilder website?
Karen Sahakyan avatar
Written by Karen Sahakyan
Updated over a week ago

We know that you want to demonstrate popular sports events on your website. That's why we offer the Popular Matches element for your players to see the odds and details of the games immediately without navigating to your Sportsbook. The games list of the element includes a variety of types: football, tennis, basketball, ice hockey, and more.

To add the element, simply drag and drop Popular Matches from the Elements list to the Crafting Area.

Edit Settings

Let's pass to the Settings of the element. Here you have a number of possibilities that will customize the element to fit your needs.

In the General Settings, you can enable vertical alignment of games, display team logo, team shirt, or only name, turn the layout into grid and list. Also, determine the number of games per view, vertical padding of games, border radius, border width, odds border radius, and width.

Bear in mind that you can customize the mobile settings of the element as you turn on Custom Mobile Settings.

Font Settings include choosing font family, size, and weight for Teams, Leagues, Date, Time, and Odds. Also, get to choose logo size and the distance between the logo and text of the element. Do not forget to customize mobile settings by enabling Custom Mobile Settings.

In the Shadow Settings add corresponding shadows, shadow blur, and spread or just add color to them.

In the Slider Settings, you are allowed to enable the slider on the desktop with or without slider arrows and animation. We have created special slider animations for your SpringBuilder website. Those include also exit animations so as you have a variety of choices to make it impressive. Here is the list of animation types:

Aside from that, you can enable Autoplay and Async loading features. All these settings apply to the mobile version of your SpringBuilder website.

In the Event View Image Settings tab you can upload images for each sports type, as well as use the default image for all of them.

Edit Styles

Now all are set and what's left to be done is take care of the element’s design. Just click on Edit Styles and customize each component's coloring. Note that the header of the element inherits colors from your Sportsbook styles.

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 to your website.

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

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! New updates are on the way!

Did this answer your question?