Articles on: Website Builder
This article is also available in:

Create and edit Popup in Website Builder

You can create a Popup in the Website Builder and customize it to display sales promotion announcements or business activity announcements such as holidays.

In this article

A. Create a Popup
B. Edit Popup

A. Create a Popup

There are two ways to create a popup.

Go to Insert Panel (the + button) > Search Popup > Drag Popup to the desired position.

Go to Insert Panel > Use a Popup template. (Update soon).

B. Edit Popup

Click the Popup to edit its Content and Design.


1.1 Edit Popup name and icon

Popup name and icon help you to easily seach Popup the Layers panel. Popup name is also set up to trigger turning on Popup by using button.

1.2. Close button

There are 3 styles of Close button: Line, Ellipse, Rectangle or None to hide Close button.

1.3. Trigger

There are 4 conditions to open the Popup: Delay, Page scroll, Exit intent, Mouse click.

Delay: The time Popup appears after the page has finished loading for x seconds.

Page scroll: Popup appears when customers scroll down the page by x percent.

Exit intent: Popup appears when customers leave the page.

Mouse click: Popup appears when customers clicks on a button or link.

The Block button will be triggered as Open a pop-up action and you can choose the name of the Popup.

1.4. Customer Trigger

There are 3 types of Customer Trigger.

All customers: Trigger to open Popup to all customers.

New visitor: Trigger to open Popup to a new visitor.

Returning visitor: Trigger to open Popup to returning visitors.


2.1. Position

You can set up 9 positions of the Popup.

2.2. Overlay

Overlay is a dark layer that is under the Popup so that customers can focus on the Popup's content.

2.3. Push page down

Once the Popup is in the Top-left, Top-right, Top-center, you can choose to Push page down so that the Popup doesn't cover the page's content.

2.4. Other settings

You can set up the other settings. Please visit this article for more information.

Overview of Website Builder
Get started with Website Builder
Set up sections on Website Builder
Set up blocks on Website Builder

Updated on: 19/12/2023

Was this article helpful?

Share your feedback


Thank you!