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.