Submit a ticket My Tickets
Welcome
Login  Sign up
Open navigation

Popup Builder

The Popup Builder lets you create interactive pop-ups to enhance user engagement on your website. With this tool, you can:

  • 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

In this article, we’ll go through how to create, manage, and analyze pop-ups in LearnWorlds.

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

1. Navigate to Website → Popups or alternatively to Website → Design â†’  Edit  WebSite → Popups


2. 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).


3. 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.


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.

Above the popup, you can open the Info Panel, where you’ll find key details like the popup status, flavor, last update, views, conversion rate, and number of appearances. You’ll also see buttons to edit settings and view analytics.


Clicking the Edit Settings button opens a side panel with all the necessary customization options.

You will find:

1. Appearance: Set the popup's position on the page, and toggle on/off the option to display the exit X icon.

2. 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.

3. 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).

4. 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.

Make sure to add a trigger under the 'When to Show' setting for your popup. Without this, the popup won't function properly.

5. Rules: Set the popup's appearance rules (including expiration date and the ability to close the popup automatically after some time).

6. Background: Choose a background color or image.

7. Popup Backdrop: Enable the popup's Backdrop and choose its color and opacity.

8. Popup Properties: Set the popup's name and remove or add Categories.

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 element 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.

Click on Website→ Popup Manager to access your popups, or click on Website â†’ Design â†’  Edit  WebSite â†’ Popups. You can search the created popups, create a new one, see some of the stats, update their status (public/draft), edit, delete, clone the popup, and be redirected to the popups analytics tab.


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.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.