Documentation

You can customize the template design in the “Sections&Theme Settings” section.

On the left side of the page, you can find the next tabs: Sections, Position and Animation, Design, Email, Teaser, and Conditions.

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 the plus button.

To change the order of the steps, make the step you want to move active 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 black. 

You have the option to add several elements to your popup: Form, Subheading, Heading,  Button, Rich text, Timer, Image, YouTube, Discount code, Divider, Socials, HTML, Iframe, Spin the Wheel, Announcement line, Carousel bar.

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 the delete icon.

Form

To add an element to the form, click the “Add content” button.

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.

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

• 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.

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) or close the popup.

• 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.

• You can also customize the number of columns in the section.

• Change the rich text style by clicking the pencil icon.

Timer

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

• You can choose the timer type: Fixed minutes or Countdown to a date.
• You can set the time (days:hours:minutes:seconds) that will be shown on the popup and change the separator type.

• You can also edit the time labels.

• Choose timer alignment, change timer conditions, show/hide time labels, and change the number of columns in the section.

• You can also edit the timer style by clicking on the pencil icon.

Image

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

• Delete the default image

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

• Customize the image width, alignment, and number of columns in the section.

• 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 a 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 the controls panel at the video.

• To edit the video style click on the pencil icon.

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, align it as you wish to make the popup look balanced, and choose the number of columns in the section.

• To change the discount code section style, input or button style click on the relevant pencil icon.

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 the icons’ label style click on the pencil icon.

• To add a URL link, label, and change the icon color.

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.

• Change Iframe alignment and the number of columns for this section.

• Set Iframe height, width, and customize the style.

Spin the Wheel

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

• You can change the alignment of the 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.

Announcement line

Display important messages or updates prominently on your popup, ensuring visitors see them immediately.

• Choose a section you want to display as an announcement line on your popup by clicking the “Add section” button.

• You can change the announcement line speed and choose the number of columns in the section.

• You can also choose the announcement line color, outer and inner gaps, align it to the center or wrap in one line.