The new Pop-Up Content Block lets you present important information to your visitors by showing a little box on the screen, based on a number of different conditions. Working with Pop-ups is no different than working with Content Blocks.
Creating a new Pop Up is extremely simple. Just navigate to the Content Blocks section, then create a new Pop Up template. If done correctly, you should be presented with the Pop Up editor.
First off, we have the pop-up position. You have nine options here, letting you display the pop-up in any place you might want.
Next up, are the pop-up size controls. We’re offering three predefined sizes, but of course, you can easily choose a custom size, which will let you define the size you wish, including device specific sizes.
We continue on with the pop-up animation options. We have a few basic options here such as fade in or out, or a zoom effect. There’s also a beautiful slide effect, which lets you display the pop-up as coming from any direction of the screen.
Let’s move on to the trigger condition options. Here, we have some interesting settings that you can choose from.
- The first option, on scroll, will display the pop-up based on the user’s scrolling interaction. You can choose either when the user scrolls down the page, or upwards, and even set the number of pixels the page has to travel before the pop-up displays.
- The second option is pretty self explanatory, it will display the pop-up as soon as the page is done loading.
- Next, we have the after inactivity setting, which will display the pop-up if the browser detects there has been no activity from the user in the past few seconds, which you can set to your liking.
- After X Time will display the pop-up after a number of seconds have passed. This will ignore any type of interaction from the user and will display the pop-up no matter what after the duration has passed.
- The last option is pretty interesting. On Page Exit Intent will detect if the user tries to leave the webpage and display the pop-up as soon as the mouse cursor leaves the webpage viewport, useful in case you want to retain the visitors more on your website.
There’s also a handy expiration date setting, that will let you make the pop up be valid just for a specified period of time, very useful in case you have a time limited offer. And last, but not least, we have our usual options of display and user conditions.