SpringBuilder hands over Betslip element for your users to place bets easier than ever. And what a betting website without this element, agree?

In SpringBuilder, Betslip is available on ready-made Sportsbook page types by default. Anyhow, it is also accessible in the elements list in the Left Panel. 

Here are the options for you to customize the element. In order to edit the settings, head over to your Dashboard > Spring App > Betslip Settings.

* Please note that you SpringBuilder has new link structure, i.e. you can place a link on any clickable banner/block that will be redirected to a page that shows their Betslip populated with selected event(s) and the stake.

For example:
/#/add-to-betslip?game=15844420,15844425&event=1211486552,1211486499&stake=11

(where game=15844420,15844425 refers to the Game ID,  event=1211486552,1211486499 refers to the Event ID)

Let's start the editing process. First and foremost, you can activate the switcher that allows showing Odd Types. There are six types of odds: Decimal, Fractional, American, Hongkong, Malay, and Indo. Then set your Default Odd Type by clicking on the gear icon on the right side of the field.

Here you can change the ordering of the Odd Types by moving the left dots up or down. On the right side of the options, you have the setting to make the odd type default by clicking on the star icon or hide it by making it invisible by clicking on the eye icon.

The same way you can choose the Default Bet Type by clicking on the gear icon on the field. Here you can change the ordering of the bet types by moving the left dots up and down. The Default Bet Type is determined according to the number of bet types. From the right, you can hide the Chain type by clicking on the eye icon.

Bet Builder

This is an advanced functionality that allows your users to place special bets for specific markets. To enable this tool, just turn on Show Bet Builder switcher in Betslip settings. This is the only step in the Edit Mode from your side. While in the public mode, users can use Bet Builder by clicking on the mentioned icons for each match.

The next step is choosing the market, filling in stakes and placing bets. The process your players all know!

The placed bets will be available in Betslip, as well as in the history section of My Bets tab.


Going ahead, you can hide/show thousands separator (e.g. 100,100 USD) in numbers and user balance on Betslip.

The next unique feature of Betslip is Floating mode: your users can see their bets easily on any page on your SpringBuilder website, even though they navigate to Sportsbook, Casino or other page. Anyhow, it is possible to hide Floating Mode from Sportsbook pages by simply turning the switcher off.

Go on and choose the layout and position of the Floating Mode by clicking on the arrows on the right. You can determine it to be a circle or rectangle, be positioned in the bottom right or bottom left.

Up next, you can determine to show Floating Mode on Mobile and Tablet by turning on/off the appropriate switcher. As you can see, in case of activating Floating Mode for Mobile and Tablet, you are allowed to separately set its layout and position in the same way.

You can also activate Always show Floating Mode which allows making Floating Mode to be displayed even when no bets are placed. Also, you can display Multiple Odds.

Now get to know our remarkable odd types: SuperBet and Counter Offer. In the settings you can turn on/off SuperBet, which allows requesting a maximum bet limit increase for selected sporting events. And you can turn on/off Counter Offer, allowing your users to suggest their odds for each game. This will make your players' experience more enticing and fun!

Besides, you can enable Edit Bet functionality and Booking Mode with the corresponding switcher.

What is Booking Mode?


Let's elaborate on the Booking mode. As you enable this functionality, your players get a code after they place a bet, copy or print the Booking ID and send the code to their peer-players. Here is the step-by-step guide on Booking mode in the Public mode:

  1. On a Sportsbook page type select an odd from any market and click on the Booking icon in Betslip.

2. Click Get Bet ID button to get the code and copy to clipboard.

3. Send or pass the code to another user.

4. The other user should log in, go to a Sportsbook page type, and paste the given code in the Get by ID tab of the Booking mode in Betslip.

5. After clicking on Get Bets button, the user should accept the bet in Betslip and enter the stake.

That's it! With this functionality betting experience of your users will be more exciting.

In the Betslip settings, you can enable Predefined stakes, based on the minimum bet you've set for your website: Minimum bet x 10, Minimum bet x 20, Minimum bet x 50. In these cases just turn on/off the switchers and hit ‘Save’. For one, in the image below, you can see that 3 predefined stakes: 1000, 2000 and 5000 are offered for the users to place bets.

You can also choose the type of bet: Basic or Advanced. Here make Max bet functionality work for your gaming website with Advanced bet type.

In this tab, you can also enable Rebet functionality allowing your players to place the same bet more than once.

You can also make the Betslip replace bets for same-group market. As your players try to make a bet on the same group market, the bets get exchanged, but not being shown that the bet is suspended. To do so, just turn on the Replace Bets for Same-group Market switcher.

But wait! As your users place successful bets, you can manage the state of Betslip: to clear it, to keep the current combination or help users to determine it. 

As you can see, it’s also possible to show or hide Bet Tax. Just turn the switcher on/off.

Finally, time to set the Button settings for ‘Place Bet’. Choose your favorite button style and do not forget to save the settings once you are done.

You can see it in action in the Public mode:

All set with the settings, now you can edit Betslip’s style: SuperBet, FreeBet and Counter offer colors! Edit colors of the text and the background of the components. To do so, head over to the Edit mode of your Sportsbook, click on the element and choose Edit Styles.

In each section you’ll have to options: Text Color and Background Color. You can customize each according to your preferences. 

Note that in the Background Color section you are offered a set of various color shades on the Palette, both Flat and Gradient.

You can also modify the colors of Betslip itself. Just turn on the switcher Custom Coloring to do so. Check out instructions here.

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 to make 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.

Check out the rest of the elements in the 'Gaming Elements' section for more insight to make your site more efficient and functional!

Did this answer your question?