If you've arrived here looking for tips and tricks on Advanced Pop-ups then you've probably used them before. However, if you haven't had a chance to learn them or want to refresh your knowledge on the subject, click here.

In this article, we've put together a roundup of the best tricks and tricks that will make your pop-ups more effective and allow you to use them in a slightly more interesting way!

Let's get to it!


1. RULES

Create an exit pop-up for a custom audience

If you want to create an exit pop-up that will appear in the shopping cart section and be dedicated to people who have not yet subscribed to your newsletter, read this tip carefully!

The following rule settings will help you create it. They will also make sure that your pop-ups will only be displayed on devices with a screen wider than 1000px - i.e. on monitors.

  • URL Address: CONTAINS → cart (please note that your checkout URL might use a different word)

  • Screen size: IS → Desktop (≥ 1000px)

  • User Subscription Status: IS NOT → subscribed

You can, of course, configure your pop-ups to suit mobile devices too, which you can read about here.


2. DESIGN

Below you can see a sample version of the pop-up we are about to create together.


Graphics

The graphic you choose should not exceed the following dimensions:

  • width: 800p

  • height: 500px.

The above pop-up consists of a graphic divided into two parts, which is quite visually impressive. When adding graphics and increasing/decreasing the container width by percentage, remember that their sum must always equal 100%.

Text

Now let's move on to customising the text. Its size, as well as the appearance of the individual buttons, will depend on the pop-up design you have chosen. Each of them can be individual and have a different use. It is only up to you how it will look in the end.

Margin and padding

You can also use minus values when setting margine and padding. But what can you actually use this for?

The selected text was set to a minus value, which caused it to be moved upwards. This solution can also be applied to input boxes. For example, the input box with the email address can be moved to the same level as the input box with the first name. But then they will cover each other, right?

Well, we have a solution for that too.

You simply need to change a few values.

But how do you know which values you need to change?

The rule is simple: the first variable is responsible for the top, the next for the right side, the third for the bottom and the last for the left side. All in a clockwise fashion.

Margin is responsible for setting the element outside the frame, while padding is responsible for setting it inside. Setting the padding sets the distance of the inner text from the frame.

Then, after you have made the changes to your pop-up in this step, click SAVE. And you're done!

NOTE: To use the template to create more pop-ups, click save as template.

You can also create an exit pop-up based on similar principles. By combining it with a welcome pop-up, an attractive content of your message and connecting everything with the right tags, you will create a great and visually appealing campaign!

Go ahead!


Need more help?

If you have any further questions about Advanced Pop-ups, please do not hesitate to contact us at hello@edrone.me



Not exactly what you’re looking for? Try one of these:

Did this answer your question?