With our Popup Builder, you have the power to craft stunning popups, enhancing the overall user experience by introducing interactivity. Here's how you can utilize this tool to:
- Capture email leads
- Display promotions and sales
- Inform users of a new course or course material
- Show simple notifications or warnings
- Display special offers and coupons
- Display a welcome message to your users
- Launch a video pop-up
Note: The popup builder is available for our Pro Trainer plan or higher with unlimited creation of pop-ups. For our Starter plan and trial accounts, you can create up to two pop-ups. Popup Creation
Navigate to Website → Popups or alternatively to Website → Design → Edit WebSite → Popups. Click on Add a Popup or the + icon to create a new popup, with a wide variety of options:
Popups are divided into 4 types (Dialog, Sleekbar, Notification, and Full page).
Once you select the popup you wish, you can add a name, and category and toggle on or off the publication status. Once you are ready, click on Create.
By clicking on Popup settings under the Info panel, you can edit your popup properties, appearance, and content. Make sure to add a trigger under the 'When to Show' setting for your popup. Without this, the popup won't function properly.
If you're using on-click actions on your pages and choose to direct users to a popup, there's no need to add an extra trigger. The popup will automatically appear when the user clicks on the element associated with the on-click action.
Popup Goal
When creating a popup, you have a target goal in mind (for example, notify the users of a certain event, or gather emails). Click on the component you wish (for example, a button or a form submission field) and specify it as the goal in the Actions tab of your side form. You can also choose to close the popup once the goal is met.
Popup Settings
After clicking on the Popup Settings, you can edit the:
1. Popup status: Set the popup draft or public.
2. Appearance: Set the popup's position on the page, and toggle on/off the option to display the exit X icon.
3. Target Audience: Set the target audience for your popups. You can choose the visibility for certain users (All, Logged out, Logged in, and Tagged Users) and devices. You can find more on how to create and use tags in our respective article.
4. Where to show: Select the pages you want the popup displayed (Entire Site, specific page groups, Blog posts, Course pages, Bundle pages, Subscription pages, and specific pages).
5. When to show: Set the triggers for the popup's appearance:
- After X seconds when the page is loaded.
- After X percentage on the page scroll.
- If the user is inactive for X time.
- After X seconds when the user attempts to leave the page.
6. Rules: Set the popup's appearance rules (including expiration date and the ability to close the popup automatically after some time).
7. Background: Choose a background color or image.
8. Popup Backdrop: Enable the popup's Backdrop and choose its color and opacity.
9. Popup Properties: Set the popup's name and remove or add Categories.
The popup closes when:
- you click on the X icon if activated on the Appearance section in your Popup Editor
- you enable the option in the Actions tab under Popup Context once you click on a specific component (button or submission form field)
- you click on the Backdrop, once the popup appears
- you enable the Automatically close after option under Rules in the Popup editor
Popup Manager
Click on Website→ Popup Manager to access your popups, or click on Website → Design → Edit WebSite → Popups. You can preview and search the created popups, create a new popup, see some of the stats, edit, delete, and clone the popup, and be redirected to the popups analytics tab.
Popup Analytics
While on the editing page of your pop-up, you can access the analytics of the pop-up to track user engagement.
In the Popup Analytics, you can see:
- Total views.
- Total conversions. The total number of times the popup has met its target goal. This metric is not unique per user.
- Unique views. The popup’s unique views, namely unique users that viewed the popup.
- Unique conversion rate: The popup’s unique conversion rate, namely unique users that performed the target action.
- Average time open.
- Average time to fulfill.
- Conversion rate. The popup’s conversion rate. Total views / Total conversions.
reCaPTCHA
You can protect your Pop-ups against spam and other types of automated abuse.
LearnWorlds integrates with reCAPTCHA v3, which verifies requests with a score to help distinguish between human and automated access attempts (bots). You can find more in this article.