Pop-ups could skyrocket your conversion rates in no time. Discover how to add them to your website step by step with the help of this article. We’ll take you through every part of the process from implementation to design.
The first step is to create and edit a case in your editor. If you don’t know how to do this, you can follow this article about how to Add a case .
Please note that you have to drag the button instead of just clicking it.
The next step is to choose the position of the pop-up on your page. Once you’ve done this, you’ll be able to decide what triggers it.
After determining what triggers the pop-up you’ll have to decide how at what frequency it has to show itself to your visitors.
Next up: completely tailoring the layout of it. Our editor enables you to add or delete elements, customize and style them.
In this case let’s focus on redirecting people to our blog:
This is what our layout looks like right now.
The settings are quite straightforward, the styling, however, might be a little tricky. Let’s dive deeper into this.
Please note that if you would like to use your own pictures they have to be part of your media library. If you don’t know how this works you can read it in this article on how to add a media library .
Every element has 5 key styling options:
Dimensions gives you the option to change the width and height of your element. Another feature of this part of the styling is the option to customize the padding and margin of your element.
Padding enables you to change the position of for example the text of a certain element within the text area itself.
Margin on the other hand enables you to change the position of the complete element compared to other elements in the pop-up.
Once you have finalized all your element settings you have to press the finish button and you’ll be able to change the styling of the pop-up itself.
Please note that you have to click the pop-up you created to access the options on the left.
The styling of your pop-up works the same way as the styling of all your elements earlier before.
When you’re ready with the styling of your pop-up container, you can add it to a journey and start driving your visitors in the right direction for conversion!