Modify an existing popup

This guide explains how to access and modify the settings of an already created popup, including content, display, and appearance options.

---

1. Access the Popup to Edit

1. Go to the Popup management section.

2. In the main table, locate the popup you want to edit. You can use the ID, Title, or Creation Date columns to help find it.

3. Click on the popup title or the edit icon (if present) to open the editing screen.

The editing screen is divided into four main sections (tabs): Content, Conditions, Behavior, and Appearance.

2. Edit the Content

This section allows you to define the title and visible content of the popup.

1. In the Content tab:

• Edit the Popup Title.
• Check or uncheck the Show automatically box.
• Note: If unchecked, the popup will not appear automatically. To trigger it, you must use the JavaScript code provided under the label: Trigger popup opening via Visual Builder events or use the following JavaScript code.
• Edit the Content of the popup using the visual editor.

3. Set Display Conditions

This section defines who and where the popup should be shown. This tab is only visible if Show automatically is enabled.

1. Switch to the Conditions tab.

2. In the main box:

• Select Show to all if you do not want to apply specific conditions.
• If Show to all is not selected, use the Manage conditions section to define specific rules (e.g., based on user behavior).

3. In the Login box:

• Define the Access status via dropdown menu:
• Show to all
• Only logged-in users
• Only non-logged-in users

4. In the Limit by link box:

• In SHOW ONLY on these pages, enter links of pages where the popup should be active.
• In DO NOT show on these pages, enter links of pages where the popup should be hidden.
• Check Also apply to any child pages to extend inclusion/exclusion rules.

4. Define Behavior

This section controls when and how the popup appears and disappears. This tab is only visible if Show automatically is enabled.

1. Switch to the Behavior tab.

2. Set the Open trigger (when the popup should open):

• Choose one option among: On page load, Before page unload, or On page scroll.

3. Set the Close trigger (how the popup can be closed):

• Choose from available options such as: Click close button and outside click, or Do not allow closing.

4. Check Show persistently if you want the popup to appear on every visit.

• If you do not check Show persistently, define interval in Display every (in days).

5. In the Preferences box, options change based on your choice at point 2 (Open trigger):

• If you chose "On page load": Set Delay (in seconds) and/or Auto-hide after (in seconds).
• If you chose "Before page unload": Set minimum display time (Minimum persistence) (in seconds) and/or Auto-hide after (in seconds).
• If you chose "On page scroll": Set minimum page scroll percentage (Minimum page scroll) (%).

5. Customize Appearance

This section manages visual appearance of the popup.

1. Switch to the Appearance tab.

2. Define type: Simple Popup or an Offcanvas type (Left or Right).

• Note: If you choose Offcanvas type, Animation options will be hidden.

3. Set maximum width (in px).

4. Choose background for popup and color for close button using color pickers.

5. In the Overlay box:

• Select overlay type (the background covering page behind popup): Dark, Light, Custom, or None.
• If choosing Custom, set color and opacity (%).

6. In the Animations box (not visible for Offcanvas):

• Choose entrance animation and exit animation from dropdowns.

7. To preview changes before saving, click on Preview button.

6. Save Changes

After completing all modifications:

1. Click on save button (usually labeled as Save or Finish, depending on form/tabs wizard context) to apply changes to your popup.