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 advanced functionality that allows your users to place special bets for specific markets. To enable this tool, just turn on the 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! There are six markets that can be used with Bet Builder, including Yellow Cards and Corners.

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


Get to choose Default Bet Acceptance in case the selected odd change. Here you have three options: either accept higher odds, accept any odds, or don't accept odd changes. Once chose, make sure to Show Bet Acceptance Options either on click or by default.

Want to hide user balance in Betslip? Turn on the corresponding switcher with just one click.

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 pages. 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 the 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. If the setting is on, you can give your players an opportunity to Accept bets as Superbets. This means that bets that are higher than the maximum stake can be placed and be considered as SuperBets.

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.

Gift My Bet functionality is meant to send the placed bet to other users via email address. Only unsettled bets can be gifted. This functionality appears on the Open Bets section and Edit profile > My Bets section with the Gift icon. Besides, there is another tab of Gifted Bets, where gifted bets from other users are visible.

When the user clicks on the Gift icon, a popup appears with the email address field. After entering a valid email address, another confirmation popup appears for approval. After the action is performed successfully, the Gifted Bet icon disappears from the Open Bets and My Bets sections. In My Bets section, gifted bets are mentioned with the ‘Gifted’ tag.

You can also enable Rebet functionality allowing your players to place the same bet more than once.

System Bet Calculator

Besides the System Calculator element which can be dragged and dropped, you can enable System Bet Calculator functionality in Betslip which is opened as players click on the calculator icon and appears as a movable pop-up window.

System Bet Calculator shows the combinations, stakes per combination, and total winnings of the bets shown in Betslip.

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 the 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 the 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 and input the three stakes for your players. You can also disable editing stakes if you turn on the Hide Edit Button switcher.

!Note: Selecting a predefined stake now adds to the current stakes instead of replacing them. For example, users enter 10 in the stake field, then click on 10, as a result, the amount should be 20. If you want to disable the multiplying logic, you can turn on Add Predefined Stakes option.

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

The Basic types include Single, Multiple, Chain, and System. The Basic bet types are described above.

The Advanced bet types include Single, Double, Treble, Trixie, Patent, Folds, Yankee, Lucky 15, Lucky 31, Lucky 63, Alphabet, Round Robin, Flag, Union Jack, Dutching, Up And Down, Each Way, and others. Find out more on each of them here.

The Italian type represents the Italian regulations while placing bets. For example, you can restrict players from betting with decimal numbers for single and multiple bets and allow stakes that are divided into 0.05 for system bets in the Italian type.

Other settings here are showing Bet Taxes, showing Precise Odds with Decimals, and removing Suspended selections.

You can also make the Betslip replace bets for the 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. 

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 the 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 two 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 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.

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?