Add the User Account Element to your Crafting Area to enable player registration and login, player profiles, betting history, transaction history, bonuses, and so much more!
User Account Settings
There are two similar buttons for registration and login but you can edit each of them separately. This element has only two modes: Logged In and Logged Out.
- If you've added more than one User Account element (including one in the burger menu or for mobile visibility), make sure to edit settings, styles, and fields separately!
- If you create a popup and place a User Account Element within the popup, all the changes made apply to the one included in the popup.
Customize the User Account Element by heading over to Edit Settings, which include Form, Dashboard, Regulatory Info Links, and Data Tracking.
In the Settings tab you can enable using Latin characters only for your website's form. You can select the button style from the available list (buttons are created via the Designer Tools app).
Registration Fields enables you to to customize the sign up window fields. You can add, edit the labels and placeholders for the fields, and change the visibility for each field. You can rearrange them by using our drag and drop feature.
Each of the fields has its own settings; you can customize them accordingly.
Note: The mobile number code specific to the country of registration will be visible if you include the Country field in the Registration form.
Use a wizard to make the user registration process step-by-step! 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 after that field.
You can also work on the settings of the Next button: specify the text and add the 3rd party custom code. You can add as many Next steps as you want.
In the Layout tab, determine whether the registration process should be a popup or on-page. In case of the on-page option, make sure to choose the default slide: Sign In or Sign Up and make the sign-in view horizontal with the corresponding switcher.
Besides, the turning on/off the balance/password visibility and VIP label, you can also enable the Account View in Desktop to display either a drop down/expanded view, and show labels, bets, and deposits. You can do the same for the Account View in Mobile, select the Border Radius, and Button Styles.
Note! When you click on the drop down view in desktop/mobile, you enable the compact view of the account.
Button Settings include the orientation (horizontal or vertical) and distance between Register and Login buttons. You can customize each of them by clicking on the gear icon, shown in the picture below.
*Please note, that the Captcha code will start working properly only in case Captcha is enabled for your Partner ID on the Spring Platform (backend).
One more great functionality is the option to turn the buttons into icons, links or buttons. To do so, select the type of the button: choose one from one million icons available, play with the size, color, and hover color, and hit Save as you finish the editing process.
Social Accounts - this setting eases the registration/login process and lets the users get into the system via Facebook and Google. You just need to input API Keys for the corresponding social network.
Forgot Password Settings enables retrieving password of your players via SMS. To do so, just turn on Reset password via SMS switcher. Users can also enter their username if they have specified the phone number in My Profile or while signing up.
In the Settings tab you can set the Collapsed view of user profile by default with all the available tabs, as shown in the picture below.
Here you have an option to confirm user's first deposit for the approval of the first time deposit by turning on/off Confirmation popup.
And finally, Profile hint word count tab refers to the number of words that should be shown in My Profile section, as visible in the picture below.
As the profile hint text reaches the specified number in this tab, users need to click on 'Read More' to see the whole paragraph. If you want to display the whole text, just type '0'.
Account Types - choose the type of account you will have: Sportsbook and/or Casino depending on the type of your website.
Sections - customize the sections of the Logged In mode: My Wallet, My Profile, My Bets, My predictions (if you have 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 for the verification of the account, etc.
My Bets tab includes enabling Printing and Sharing options (Facebook share) in case users need it.
In the Bonuses tab, you can cancel them, choose to show bonus balance, display single game bonus and set other settings by turning on/off the switchers.
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.
Regulatory Info Links
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).
*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).
Let's check out the Data Tracking 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.
In After successful registration, you can also turn on the Autologin option, otherwise your users should verify their accounts via email and then log in with their credentials.
Firing custom code also applies to the other tabs in the list of Data Tracking.
Another crucial functionality which can be turned on/off in the After Successful Withdrawal tab is Hide Cancel Withdrawal button in the Logged in mode.
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, Account Colors and Loyalty Points 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. Once you enable Loyalty Points, you can customize its colors as well.
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 see the styling changes that you have applied in your Edit mode. You need to sign up/in to see the Account Info changes.
To change the alignment settings of the element, click on the Alignment icon. You’ll have three options available: top, center, and bottom.
Device Visibility enables certain Blocks and Elements to appear either on: All devices, Desktop Only, Mobile Only or Tablet Only. Select Visibility Settings and choose the desired option from the drop down menu to get full control over the Elements Visibility on your pages.
Location Visibility allows you to select Matching in order to include or exclude the Location Handling options of: a specific country, city, or Custom IP.
Session Visibility allows you to set the visibility of certain Blocks and Elements to: the public, logged in users only, or logged out users only.
Located next to the Visibility Settings is Schedule Visibility. This allows you to Show or Hide Visibility and select the Type: Ongoing, Scheduled, or Recurring.
If you have any questions or concerns, contact us directly via the Live Chat box, located in the lower right corner. Our Support Team will provide you with top-notch quality support, 24/7.