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 弹出窗口生成器 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. 点击 Link icon in the options toolbar.
3. 选择 弹出窗口 from the available link options.
4. 点击 + icon to create a new popup.

2. Selecting a Pre-Made Popup

1. 这 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:

• 点击 Delete (X) on the existing popup.
• 点击 + 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 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：

• 结盟 – Adjust vertical and horizontal positioning.
• 背景颜色 – 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 和 position (inside or outside the popup).
• Adjust size, background color, and alignment。

5. Styling and Effects

Just like any other page element, you can:

• 添加 background images 或者 colors to the popup.
• Apply animations and effects for smoother transitions.

6. Checking Responsive Display

• 转至 Tablet View 和 Mobile View in the 建造者。
• 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 弹出窗口生成器, you can engage visitors, capture leads, and highlight important messages in an interactive way.