Documentation

You will be automatically redirected to Customizer once you click “Create Popup”

OR you can customize the template design on edit, by clicking on the “Sections & Theme Settings” section.

On the left side of the page, you can find the next tabs: Sections, Positions and Animations, Email, Teaser, Design. 

What Sections I can add to my Popup?

In the tab "Sections" you can add, move, hide, delete, and edit sections. Here you also have the possibility to add Steps to your popup. 

Steps

If you want to create a multi step popup for your campaign you can add additional steps to your main one by clicking plus button. 

To change the order of the steps, make active step you want to move by clicking on it and press Edit. 

Now you can move the step Right, Left, or Delete the step. 

To add sections in the step make it active by clicking on it. An active step is colored gray. 

You have the option to add several elements to your popup: Form, Button, Rich text, Timer, Image, Youtube, Discount code, Divider, Socials, HTML, Iframe, Spin the Wheel.

To make the section not visible click on the eye icon, to move the section - point the mouse at the dotted icon, right-click, and drag the section up or down without releasing the button. 

To delete the section - click on it to open and at the bottom of the section click on delete.

Form

To delete the section - click on it to open and at the bottom of the section click on delete.

Step by step option allows you to have only one form field shown on a popup at a time. The user will have to fill it out and press the Next button to move to the following field. This option is perfect if you have several required fields but don’t want to overload the popup design. 

• To customize buttons for Step by step form click on the Step by step form styles edit button. 

• If you are planning to collect emails for email marketing you can enable the showing of permission for emails and edit text formatting and content if necessary. 

• You can change the style of the Form fields by clicking on the pencil icon.

Read more about form fields customization here: How to customize form fields? 

Button

This section empowers you to influence your visitors and prompt them to submit the requested information. Choose the Button Element to incorporate a button into your popup. You have the freedom to add a compelling call-to-action (CTA) on the button and customize numerous aspects.

• When the Button is added do not forget to add text that will be visible to your customers. 
• You can choose an action for the button: will it redirect the user to another page(for example product page or cart) or it is going to lead to the next step(for multi-step popups). 

• Here you also can edit button alignment, outer padding, and quantity of columns in the section. 
• To change the style of the Button click on the pencil icon.

Rich text 

Select this element to communicate with a customer the purpose of this popup. Use the editing tools in this section to highlight important information and draw the user's attention to it. 

• Add your text and customize it with tools from the toolbar.
• Change the rich text style by clicking the pencil icon. 
• You can also customize the number of columns in the section.

Timer

Add a clock-down timer to inform the client about the end of the offer and make the customer decide faster. 

• You can set the time (hours:minutes:seconds) that will be shown on the popup.

• Choose timer alignment, show/hide time labels, and edit them, change the separator type, size, width, and font color of the timer. 

• You can also edit the timer style by clicking on the pencil icon
• Change the number of columns in the section. 

Image

Customizing your popup with images is crucial as it greatly impacts your visitors' response to your campaign. 

• Click on Choose an image button and choose the most convenient way to add an image

• Add alternative text, customize the padding of an image, border radius, image width, and alignment. 

• You can choose image height, auto, or custom. If you choose custom you’ll have additional fields to change: height of an image, horizontal and vertical position, and image fit. 

Youtube

Select the Youtube section to add video from your Youtube to the popup. 

• To add a youtube video to your popup simply put the URL of it in the required field. 
• Here you can also loop the video, make it autoplay, and show or hide controls panel at the video. 

• To edit the video style click on the pencil icon. 
• You can also choose the number of columns for the section. 

Discount code

Use the Discount Code Element to effortlessly share prepared discount codes aimed at boosting conversions with your users. This element enables you to effectively distribute and promote your exclusive discounts and offers.

• Add celebration text in the Discount code information field and customize it with the tools in the toolbar. 

• Add discount code. Your customers will be able to easily copy it from the popup with one click. 
• Customize button: add the button URL, name of the button, and align it as you wish to make the popup looks balanced. 

• To change the discount code section style, input or button style click on the relevant pencil icon. 
• You also can choose the number of columns for this section. 

Divider

Select the Divider section to separate elements in the popup.

• Add the divider and customize its background color, height, margin top and bottom, and number of columns in the section. 

Socials

Use Socials to guide users to your social media accounts. 

• Choose the type of social media icon you want to add from the dropdown list and click Add. 

• You can change the size of the icon, align it or change the number of columns in the section. 
• To change icons style click on the pencil icon. 

• To add a URL link, label, or delete the icon click on the created social media bar.

HTML

Select the HTML section to add custom HTML code. 

Iframe

Use the iframe section to display any webpage inside of your popup.

• Add the link to the webpage that is going to be the Iframe source. 
• Set Iframe height, width and alignment. 

• To change Iframe style click on the pencil icon.
• You can change the number of columns for this section.  

Spin the Wheel

Add a gamification element to increase the engagement of the customers in your campaign. 

• You can change the alignment of Spin the wheel section, width, and choose the number of columns in the section. 
• To change wheel styles and pointer styles click on the pencil icon.

Note: in change wheel styles you can enable showing form after clicking on the wheel.

• To customize the wheel design click on the Segment options button.

Here you can customize the colors of the wheel, segment weight (identify the chance to win), segment text, and segment discount code. If you want to delete the section click on the trash can icon, if you want to add a new section press on Add segment button.