Create a unique, interactive experience for your users by adding pop up boxes that work!
First things first, head to your Dashboard and select Pop-Ups 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:
- Popup Style: Adjust the popup's position, animation styles, add a background image and change the popup colors.
- Layer Style: Add a backdrop to your popup and change its image, color, and blur level.
- Popup Shadow: Create a shadow for your popup using the Enable Shadow option. Change the color and adjust the position, spread and blurring accordingly.
How to assign a popup to an element?
Assign a popup to these specific elements:
- Button Element
- Image Elements (including Gallery and Slider)
Once you add these elements to your crafting area, click on element → edit link → popup. You can then choose which popup you want to assign to your element.
You can also edit your chosen popup by clicking the Open Popup option.
And, that's a wrap! After saving your popup, click on Preview, located in the Left Panel, and then select the element you assigned your popup to!
While you are reading this, our team is working on new features! Stay tuned to keep up with our upcoming updates!