Documentation

Widget Design

Editing of Position and Animation tab

In the "Position" tab you can choose the position of the popup, where it appears.

In the "Position" tab you can choose the position of the popup, where it appears.

Use the "Animation" tab to select an animation of how it appears to customers.

Use the "Animation" tab to select an animation of how it appears to customers.

In the Layout section, you can change the layout image, position, and size.

Here you also can change the popup width and content max width.

Here you also can change the popup width and content max width.

To change the layout style, click on the pencil icon.

To change the layout style, click on the pencil icon.

Here you can hide the background image on mobile, enable image contain, remove overlay, customize the look of popup and image(borders, margins, paddings).

hide the background image on mobile

Once you are done with customization don’t forget to click the Save button.

You can also edit the background size, horizontal and vertical position in the Layout section.

Pages

If your popup has several steps you can show the customer how many steps are left. Choose the alignment of the breadcrumbs, and edit the names of the steps if necessary.

Several steps in popup

To customize the breadcrumbs style, click on the pencil icon.

Breadcrumbs style