We know you’d like to make your website more enticing and interactive for your users. This is why SpringBuilder offers a special popup for your gambling website. In this article, we will guide you on how to create, edit and play with styles according to your needs.

First things first head to your Dashboard and select Popups App. 

How to create a popup?

Here you can create as many popups as you wish within a few clicks. Once you hit Create Popup, fill in the popup title and its alias. 

In this application, you can edit names and aliases of each popup by clicking on the Edit icon available on the right corner. While the icon specified in the image below opens the popup itself to customize it in the Edit mode. 

You can also duplicate any popup as you click on the corresponding icon.

Make sure to edit the name and the alias of the duplicated popup to avoid confusion.

Don’t need the popup anymore? Just hit the Trash icon and it will be removed in a blink of an eye. 

Quick and easy!

How to edit a popup?

Now let’s go to the Edit mode to get the needed popup. Keep in mind that you can drag and drop any Element in a popup. For example, let's create a registration popup with visuals.

In this popup we've added Image and User Account elements with on-page layout (find out how to do change the layout here). Just drag and drop any element from the list available in the Left Panel.

To customize popups further, click on the Gear icon in the upper right corner, where you will get three options: 

  1. Popup Styles
  2. Layer Styles
  3. Popup Shadows


In the Popup Styles tab, you have a variety of options: setting up close icon; its border radius; animation type while appearing; background image or its color and finally the backdrop blur level. 

In the Layer Styles tab, you can pick a color or upload an image and determine the backdrop blur level for the back layer.

Besides these settings, you can enable shadows in the Popup Shadows tab and set corresponding X and Y shadows by pixels, as well as edit shadow spread and color. Don’t forget to hit Save after all the changes.

*Note: In case you edit settings of the User account element, these changes apply to the element placed in a popup as well.


How to assign a popup to an element?

There are specific elements that you can assign a popup. Here is the list of those:

  • Button
  • Image
  • Icon
  • Gallery
  • Image slider

Once you drag and drop any of these elements, click on it and choose Edit link and go to the Popup tab. Here you can choose a popup that will be assigned to the element.


As you pick a popup, you can click on the Open Popup option and customize it the way described above.

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

Have an idea, a bug or a feature request? Send them directly to the SpringBuilder team via Chat on the bottom right-hand side of this page.

Did this answer your question?