This guide explains how to configure whether a popup should be shown automatically to visitors based on behavior rules, or if it should be triggered manually via code or specific events.
Accessing the Settings
1. Access the popup management section.
2. Click on the popup you want to edit to open the editing screen.
1. Automatic Display (Recommended)
If you want the popup to be shown automatically to visitors based on conditions and timings defined by you, follow these steps.
Note: If you choose automatic display, you will need to configure the "Conditions" and "Behavior" sections.
1. In the first section (Content), locate the checkbox: Show automatically.
2. Make sure the Show automatically box is checked.
Configuring Automatic Behavior
Once automatic display is enabled, you must define when the popup should appear:
1. Click on the step (or tab) Behavior.
2. In the Open trigger field, select the desired activation mode:
- On page load: The popup activates as soon as the page loads.
- Before page close: The popup activates when the visitor is about to leave the page (Exit Intent).
- On page scroll: The popup activates when the visitor scrolls down to a certain percentage of the page.
3. Depending on the selected Open trigger, configure additional parameters:
- If you chose On page load:
- Set the Delay (in seconds) before the popup appears.
- Set Auto-hide after (in seconds) if you want the popup to disappear after a certain time.
- If you chose Before page close:
- Set the Minimum duration (in seconds) that the visitor must spend on the page before Exit Intent triggers.
- If you chose On page scroll:
- Set the Minimum page scroll (in %) that the visitor must reach.
4. (Optional) In the Show every field, set the number of days that must pass before the same user sees the popup again.
2. Manual Display
If you prefer to trigger the popup only at specific moments (for example, on button click or via a custom event), follow these steps.
1. In the first section (Content), locate the checkbox: Show automatically.
2. Make sure that the Show automatically box is unchecked.
3. Once unchecked, a box will appear with this text:
> Trigger opening of the popup through Visual Builder events or use the following JavaScript code:
4. Copy the provided JavaScript code (e.g., initMSPopup(ID)) and paste it where you want to trigger opening of the popup.
Note: When display is set to Manual, the "Conditions" and "Behavior" sections are hidden, as they are no longer relevant.
Saving
After setting your desired display mode, make sure to save your changes.
1. Click on the button to save the form (usually located at the bottom of the screen).
