The Popup Builder module is an optional but powerful component of the wpSaleGen plugin that can be activated or deactivated based on your needs. This module is a highly effective marketing tool, allowing you to create engaging popup windows with customizable triggers and display conditions. When combined with the Forms module, popups can significantly boost your website’s conversion rates.
Short Overview
Create flexible popups with advanced display options and conditional logic.
- Visual popup editor with ready-to-use fields and options.
- Customize the design of each popup with detailed styling settings.
- Show or hide popups using powerful conditional logic.
- Set multiple display triggers: by time, scroll, exit intent, user behavior, date/time, language, IP, and more.
- Embed forms inside popups and combine with conditional display rules.
- Track detailed statistics of events, views, and form submissions inside popups.
-
-
Popup Example
Popup Builder Module Interface
-
-
Popups List
-
-
Popup Edit Interface
-
-
Popup Stats
-
-
Popup Design Settings
-
-
Popup Design Settings
-
-
Popup Display Options
-
-
Popup Display Options
-
-
Popup Display Options
Overview
The Popup Builder module is partially integrated with the Form Builder module, enabling you to embed forms within popups to collect submissions and manage contact profiles dynamically. The module offers a flexible and user-friendly interface with the following tabs:
Template Tab
In the Template tab, you can edit the content of your popup using an intuitive Drag-and-Drop visual editor. Popups are built with a responsive layout, supporting three screen types by default: Desktop, Tablet, and Mobile. The popup container is divided into a 12-column grid, with each field configurable to occupy 1 to 12 columns. Fields adjust automatically from left to right based on their width, and you can assign different column counts for each screen type.
You can also add fields like Row and Column with unlimited nesting (e.g., Row → Column → Content). Available field types include:
- Row and Column: Configurable with display types (flex or grid) and detailed settings such as:
- Align Content
- Justify Content
- Align Items
- Justify Items
- Gap (indent between inner elements)
- Content Fields:
- Title
- Textarea (wp_editor)
- Iframe
- Button
- Icon
- Divider
- wpSaleGen Form (integrates with the Forms module)
Each field comes with its own set of customizable options, allowing you to tailor the popup’s functionality and appearance.
Design Tab
The Design tab offers approximately 100 detailed and user-friendly settings to customize the popup’s appearance to match your site’s style or theme. Key design features include:
- Choosing animations for showing and hiding the popup.
- Displaying the popup with or without an overlay.
- Customizing visual elements to align with your brand.
Options Tab
The Options tab provides over 30 conditional logic settings to control when and how the popup is displayed. Key options include:
- When to Show Popup:
- When the page loads
- User clicks on the page
- User clicks on a specific element
- Scroll window (e.g., reaching a specific point)
- On exit intent (when the user attempts to leave the site)
- Bottom of the page
- Page Load Delay:
- Enable/disable delay
- Set delay duration
- Count time from the first site load
- When to Close Popup:
- After the user closes it
- Click outside the popup
- Hide the close button
- Show on Pages:
- All pages
- Specific pages
- Exclude specific pages
- Specific categories
- Exclude specific categories
- Display Time Settings:
- Set specific display time
- Display time range (e.g., from hours/minutes to hours/minutes)
- Display date range (e.g., YYYY-MM-DD to YYYY-MM-DD)
- Display on specific days (Monday to Sunday)
- Whom to Show Popup:
- Everyone
- First-time visitors (remember for X days)
- Show X times per hour/day/week/month
- Hide/show for specific devices
- Hide/show for specific post types
- Hide/show for specific IPs
- Hide/show for specific languages
- Hide for logged-in users
- Show only for logged-in users
- Hide other popups when this one is displayed
Statistics Tab
The Statistics tab provides detailed insights into popup performance, helping you measure its effectiveness. Available metrics include:
- Total Views: 502 (total times the popup was displayed)
- Unique Views: 22 (unique visitors who saw the popup)
- Actions: 4 (user interactions, such as clicks or form submissions)
- Form Submits: 1 (submissions from embedded forms)
- Bounces: 60 (instances where users closed the popup without interaction)
- CTR (Click-Through Rate): 22.73% (percentage of views resulting in actions)
- Bounce Rate: 11.95% (percentage of views resulting in bounces)
- Average Time on Screen: 0.21 seconds (average duration the popup was visible)
- Detailed Submission Data:
- Example 1:
- ID: 23
- User ID: 0 (anonymous user)
- IP: ***.***.***.***
- Date: 2024-05-01 14:52:12
- Action Type: Action (e.g., Instagram follow)
- Action Meta: instagram_follow
- Unique: Yes
- Bounce: No
- Time on Screen: 1.48 seconds
- User Device: Tablet
- URL: https://*****.com
Summary
The Popup Builder module is a versatile and impactful tool that can increase your website’s conversion rates by 200–300%. Its flexible conditional logic, combined with the ability to embed forms from the Forms module, allows you to collect submissions, build contact profiles, and drive user engagement effectively. With a powerful drag-and-drop editor, responsive design, extensive customization options, and detailed performance analytics, the Popups module empowers you to create professional, targeted, and high-converting popups tailored to your marketing goals.
By leveraging the integration with the Forms and Contacts modules, you can create dynamic popups that not only capture user attention but also streamline contact management and data collection. Whether you’re aiming to promote offers, gather leads, or encourage specific user actions, the Popups module provides all the tools you need to succeed.
