How to Use the Popup Builder in Your Website

Popups allow you to display promotions, sign-up forms, notifications, or custom messages when users interact with specific elements on your site. The Popup Builder enables you to create and customize popups easily.

1. Creating a Popup

Triggering a Popup with a Clickable Element

1. Select a clickable element (e.g., a button, image, or text).
2. Click the Link icon in the options toolbar.
3. Choose Popup from the available link options.
4. Click the + icon to create a new popup.

2. Selecting a Pre-Made Popup

1. The Popup Block Manager will open.
2. Browse through different categories like Sales, Sign-ups, and Notifications.
3. Select a pre-designed popup or start from scratch.

To change the popup later:

• Click Delete (X) on the existing popup.
• Click + to select a new one.

3. Editing a Popup in the Popup Builder

Once you’ve added a popup, click on it to enter the Popup Builder.

Popup Structure

• Background Overlay: The semi-transparent area covering the page.
• Popup Canvas: The main content area where text, images, and buttons appear.

Customizing Popup Settings

To access settings, click the top right settings icon:

• Alignment – Adjust vertical and horizontal positioning.
• Background Color – Change transparency or add an image.
• Scroll Page Behind – Allow users to scroll while the popup is open.
• Global Popup – Display the popup across all pages.

4. Controlling the Popup Close Button

Users need a way to exit the popup. You can:

• Enable the Close Button (X).
• Allow clicking outside the popup to close it.
• Delay the appearance of the close button (useful for promotions).

To customize the Close Button:

• Change the icon style and position (inside or outside the popup).
• Adjust size, background color, and alignment.

5. Styling and Effects

Just like any other page element, you can:

• Add background images or colors to the popup.
• Apply animations and effects for smoother transitions.

6. Checking Responsive Display

• Go to Tablet View and Mobile View in the Builder.
• Adjust the popup’s size and positioning for smaller screens.

7. When to Use Popups

Email Sign-ups – Collect leads with an opt-in form.

Promotions & Discounts – Offer limited-time sales or special deals.

Exit Intent Popups – Display a message when a user is about to leave the site.

Cookie Consent & Notifications – Inform users about policies or updates.

By using the Popup Builder, you can engage visitors, capture leads, and highlight important messages in an interactive way.