Description: This tool allows you to create highly customizable pop-up windows (popups) or side panels (offcanvas), precisely defining when, where, and to whom they should be shown on the website.
What is it for? (Practical examples)
Use popup management to optimize conversion and interaction with your visitors:
- Lead Acquisition: Show a newsletter signup form or a special offer as soon as a user shows intent to leave the page ("before closing" function).
- Advanced Targeting: Send specific messages (e.g., discount codes or notifications) only to precise audience segments, such as logged-in users or those meeting certain marketing conditions.
- Contextual Messages: Limit the display of important alerts (e.g., a cookie banner or maintenance announcement) only on specific pages or sections of your site.
Main Features
- Visual Content Creation: The popup content is managed through the Visual Builder, allowing insertion of text, images, forms, and any graphic element.
- Display Mode: You can choose whether the popup should be shown automatically based on set rules or triggered manually via specific events or code.
- Behavior Control: Detailed definition of opening triggers (immediate, scroll, exit intent) and closing rules.
- Audience Segmentation: Application of advanced conditions based on login status (logged in/not logged in) and specific marketing filters.
- Aesthetic Customization: Full control over type (popup or offcanvas), size, colors, and entry/exit animations.
How to configure it
Popup configuration is divided into four main sections accessible through guided steps:
1. Content
| Option | Description |
|---|---|
| Popup title | The internal name used to identify the popup in the management list. |
| Show automatically | If enabled, the popup will be displayed according to Conditions and Behavior rules. If disabled, the popup will never appear on its own but can be triggered manually. |
| Content | The area where you create the body of the popup using the Visual Builder. |
| Manual trigger | If the popup is not active, JavaScript code is provided to open it via external events (e.g., clicking a button). |
2. Conditions (Visible only if 'Show automatically' is enabled)
This section defines to whom and where the popup should be shown.
| Option | Description |
|---|---|
| Show to all | If selected, ignores all underlying targeting conditions. |
| Manage conditions | Allows setting complex segmentation rules (e.g., "User visited page X" OR "Cart contains more than €50"). |
| Login status | Limits display to everyone, only logged-in users, or only non-logged-in users. |
| Show ONLY on the following pages | List of URLs where the popup should be displayed. |
| Do NOT show on the following pages | List of URLs where the popup should be hidden. |
| Also apply to any child pages | Extends inclusion/exclusion rules to subpages of specified URLs. |
3. Behavior (Visible only if 'Show automatically' is enabled)
This section defines when and how the popup should appear and disappear.
| Option | Description |
|---|---|
| Open trigger | Defines the event that makes the popup appear: On page load, Before page close (Exit Intent), or On page scroll (with configurable percentage). |
| Close trigger | Defines how users can close the popup: Click on button, Click outside, both, or No close (forced popup). |
| Show persistently | If enabled, the popup will show on every visit regardless of display frequency. |
| Display every [X] days | Sets minimum frequency (in days) between views for the same user. |
| Delay (seconds) | (Only for "On page load" or "Before page close" triggers) Delay in seconds before showing the popup. |
| Auto-hide after (seconds) | (Optional) Time after which the popup disappears automatically. |
4. Appearance
This section manages the visual design of the popup.
| Option | Description |
|---|---|
| Type | Choose between Simple Popup (centered) or Offcanvas (side panel Left or Right). |
| Maximum width (px) | Defines maximum horizontal size of the popup. |
| Background | Background color of the popup container. |
| Close button | Color of close icon (visible only if close trigger allows it). |
| Overlay | Background effect covering the page when popup is open (Dark, Light, Custom, or None). |
| Entry/exit animation | Select visual effects for appearing/disappearing popups (e.g., FadeIn, SlideIn, BounceIn). Animations are disabled for Offcanvas type. |
| Preview display | Allows testing appearance and animations before saving. |
Automatic Integrations
This module integrates with these system areas:
- Visual Builder: Popup content is created directly inside the visual editor ensuring maximum design freedom.
- Marketing Conditions System: Uses system’s advanced segmentation engine to define display rules based on user data, browsing history, or tracked actions.
- Site Events: If a popup is set in manual mode, it can be triggered via configurable events within Visual Builder or through JavaScript code allowing activation in response to specific user interactions (e.g., clicking an element).
