Skip to main content
Deutsch Español Français Italiano Português

Popups

Popups allows you to add new popups to your site. Popups are a type of small window that appears in a web page. Popups can be set up to appear when clicked as a link or automatically as an action from a personalization rule. Use popups to grab user's attention or provide information without having to change pages.

Note

To add or change a popup in a Vibe project, ask Copilot. The steps in this article are for the Editor. For more information, see Use AI Chat in Vibe.

Add Popup

To add a popup:

  1. In the side panel, click Pages.

  2. Click the Popups tab.

  3. Click + New Popup.

  4. Select a popup type. The popup type pre-populates the popup with widgets.

  5. Type a name for your popup, and click + Add Popup.

Activate Popups

Unlike a page generated in the navigation automatically, a popup can only be triggered by being clicked as a link or by using a site personalization rule. Popup triggers only occur once per session. A session is any activity on the site and remains active until at least 30-60 minutes have passed.

Link to Popup

There are several widgets that allow you to link to a popup, such as Photo Gallery image links, text, and buttons.

To link to a popup:

  1. Right-click the widget that you want to link to the popup from, then select Edit content. Alternatively, if you are linking from text, highlight the desired text and click the link icon in the text editing menu.

  2. Click Popup, then select which popup you want to link to from the dropdown menu.

Use Personalization Rules to Condition a Popup

You can create a popup using site personalization or set personalization rules for an existing popup. Personalization rules can include what triggers the popup to appear, how quickly the popup appears on the screen, and more.

To learn how to create personalization rules, see Personalization Rules.

Note

  • To see your personalization rule in action, try 1) clearing your cookies and cache, 2) using another browser, or 3) waiting until the time has expired.

Close Popups

By default, the X button can be clicked to close a popup. You can also add a "Close popup" link to any linkable element in the popup that will close the popup when clicked. For example, you could add the close link to a button that says "No thanks" on a popup that is offering a coupon code. When the website visitor clicks the No thanks button, it will close the popup.

To add a close link to a popup:

  1. In the side panel, click Pages.

  2. Click the Popup tab and open the desired popup.

  3. Click any linkable element in the popup and select Close Popup as the link.

Edit Popups

A popup is very similar to a page. You can add new rows, columns and insert any widget into a popup. To adjust the size of the popup, drag the bottom right corner.

Popup Settings

To edit the settings for a popup:

  1. In the side panel, click Pages.

  2. Click the Popups tab.

  3. Click the settings (Gray gear icon named settings icon) icon for specific popup. You have the following options:

    • Rename. Rename the popup in the editor. This does not change the page URL.

    • Duplicate. Creates an exact copy of the popup.

    • Delete. Deletes the popup. This action is irreversible unless you have a backup.

FAQs

How do I remove a popup that isn't in the editor?

If a popup shows on your live site but isn't in the Popups tab, it may come from one of the following:

  • An app, such as HelloBar. Check which apps are installed on your site, and check their settings.

  • Custom code in your site's Header HTML settings or in an HTML widget. For more information, see Custom Code.

  • A personalization rule with the Show popup or Run JavaScript action. To check your rules, in the side panel, click More, then click Personalize. For more information, see Personalization Rules.

  • A deleted popup on a site that hasn't been republished. A deleted popup stays on your live site until you republish.

In a Vibe project, ask Copilot to find the popup and remove it, then publish. For example: A popup is showing on my live site. Find where it comes from and remove it.

Was this article helpful?

Return to top