As you are about to run a gaming and betting website, it is essential to have a registration and a login form for your players. 

This element has got 2 modes: Logged out & Logged in.

Now let's go through the Logged out mode and see what we can edit at this point. For that purpose add the 'User Account' element to the Crafting Area.

It will bring two similar buttons for registration and login but you can edit each of them separately.

*Note that if you've added more than one User Account elements (included one in the burger menu), make sure to edit settings, styles and fields separately!

To edit the User account settings, click the element and push the 'Edit Settings' button. You'll notice a new window appear with a list of settings ready to be changed with numerous functionality that you can play with.
 

Let's elaborating on each of them, comprising other sub-menus. 

Form Settings

Registration Fields aims to customize the fields for the sign up window. You can add, edit the labels and placeholders for the fields, change the visibility for each field. Also, order them using our drag and drop feature.

Each of the fields has its own settings, that you can check out and customize for your users, like enable field editing after registration, make them required and much more.
If you want to include a field in the registration of your website, make sure to check "Show on Registration Fields". You can also include specific fields on Edit Profile tab (in Logged In mode).

Note: Mobile number code specific to the country of registration will be visible if you include the Country field to the Registration form.

Do you know that you can make the registration process step-by-step with more than one popup? Setting it up is easy. Just hover over the field, which will be the last one in the first step, click on the direction icon and will notice 'Next' field added. 

You can also work on the settings of Next button: specify the text and append 3rd party custom code. You can add as many Next steps as you want.

Registration Fields Settings - turn on/off the Labels and Placeholders with just one click and let your users jot down Latin characters only.

Let's check out the After Successful Registration settings. Here you can append any 3rd party code to your website to set up conversion tracking after your users log in. For instance, you can easily integrate Facebook Pixel or implement the Google Analytics tracking ID here. All you need to do is create Facebook Pixel or a Tracking ID and add it to the corresponding field.

You can also turn on the Autologin option, otherwise your users should verify their accounts via email and then log in with their credentials.

The same code injection option also refers to the After Successful Login.

Sign In/Up with Social Accounts - this setting eases the registration/login process and lets them get into the system via Facebook and Google. You just need to input API Keys for the social network.

After Successfully Sent Message allows you to write down the message your users are going to see once they send a message via their accounts.

Account Info

This tab covers the layout and button settings of User Account element.
In the Layout tab determine whether the registration process should be a popup or on-page. Correspondingly turn on/off settings such as balance/password visibility and VIP label. You can also enable Dropdown view in Desktop and Mobile with the tabs you turn on and button and inactive button styles you've set.

Note! When you turn on Dropdown view in Desktop/Mobile, you enable Compact view of the account.


Button Settings include the orientation (horizontal or vertical) and distance between Register and Login buttons. Moreover, you can customize each of them by clicking on the right icon, like shown in the picture below.

In the corresponding tabs, write down the button texts, choose the styles. Additional settings include turning on/off safety Captcha and Zimpler for Sing Up, and Remember Me option for Sing In.

*Please note, that the Captcha code will start working properly only in case Captcha is enabled for your Partner ID on the Spring Platform.

One more great functionality from SpringBuilder is the option to turn the buttons into icons, links or buttons. To do so, select the type of the button: Icon, pick one of them from 1 million icons available, play with the size, color and hover color and hit Save in the end.

Account Settings

Here you can customize User account settings referring to the Logged In mode.

Sidebar Settings - set the Collapsed view of user profile by default with all the available tabs, as shown in the picture below.

You can also enable showing full session history to users.

Avatar Settings - enable special sports and political avatars. As you have a gaming and betting website, your users will have pictures such as shown in the picture: 

Account Types - choose the type of account you will have: Sportsbook and/or Casino depending on the type of your website. 

Account Sections - customize the sections of the Logged In mode: My Wallet, My Profile, My Bets, My predictions (if you enable predictions in your website), My Account Info Bonuses and Messages.

Each of them have their specific settings. My Wallet offers special settings for your players, such as enabling payment confirmation, Buddy Transfer and others. You can see the list of the settings in the picture below.

My Profile comprises a list of settings referring to the Logged In mode of the user. You can make each of them visible and dig into the extra settings, such as limits for login, deposit, set self-exclusion timelines, get to choose the documents required to verification of the account, etc.

My Bets tab includes enabling Ticket Printing option in case users need it.

For Bonuses, you can cancel them, choose to show bonus balance, display single game bonus. Another extra setting is showing Bet bonus and Hide Freebet end date. These features make the user experience more reliable and smooth.

Functionalities for Bonus section include hiding balance when being 0.00, hiding currency, Bonus verification and setting deposit bonus reminder. 

Here you can also enable a section of Loyalty Points by just turning on/off the switcher. You can find out more about this functionality here.

Account Deposit gives the option to confirm user's first deposit and also opportunity to track their behavior after their deposit via tracking code.

Firing custom code also applies on After Successful Withdrawal tab. Another crucial functionality which can be turned on/off here is Hide Cancel Withdrawal button in the Logged in mode.

Want to track users after profile changes? Paste the tracking code in Profile Updates Tab.

Talking about notifications, you can turn on/off popups for your players in Notification Settings tab. Just one step and ready!

My Bets Settings gives a great opportunity for your players to share their bets in Facebook. All it takes a switcher to turn on/off.


And finally, Info text word count tab refers to the number of words that should be shown in My Profile section, as shown in the picture below.

As the info text reached the specified number in this tab, users need to click on 'Read More' to see the whole paragraph. If you want the whole text, just type '0'.

Regulatory Info Links

As a gaming and betting website, you should introduce to your users the terms and privacy policy of your website. You can add the links to these pages in the User Account Logged In mode.

Terms and Conditions

In case you want to show the 'Terms and Conditions' field in the Registration Fields, you need to have a target link for your users to get acquainted with your website's general terms before registering (it will appear in the Lightbox in the Public mode). 

To add that links, head over 'Terms and Conditions' and 'Privacy Policy' tabs and add the internal link from the System Pages. SpringBuilder has already created those pages for you, all you need is to update them and select the corresponding page from the System pages. 

*Please note that in case you update your Terms and Conditions, you should input the number of the version manually in the corresponding field (see the screenshot).

This is pretty much about the settings that User Account element covers for now. We update it regularly and will keep you posted!

Now let's pass into the design of the element. We will show you how we can edit the styling of your registration and login popups. In the Edit mode, click on the element and push the ‘Edit Styles’.

You are given a variety of choices for the coloring of registration/login popup for the From colors, Account Info Colors and Account Colors.

There are options to change the color of Title text, links, popup's background, etc. Use our color picker to adjust the colors accordingly.

Form Colors refer to the registration/login popup styles, Account Info Colors refer to the compact/non-compact view of the profile, while Account Colors apply to the main view of Logged In mode profile.

In order for you to see the styling changes, you will need to head over to your website's Public mode in a new tab and click on the registration or login button. This will open the registration/login Lightbox where you can later see the styling changes that you have applied in your Edit mode. You need to sign up/in to see the Account Info changes.

Alignment - To change the alignment settings of the Button, 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 to your website.

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

While you are reading this, out team is working on new features! Stay tuned to keep up with our upcoming updates!

Did this answer your question?