The Popup Builder allows you to create interactive pop-ups that help you engage your visitors and guide them toward specific actions on your website. Whether you want to capture leads, promote offers, announce new courses, or simply share important updates, pop-ups give you a flexible and effective way to communicate with your audience at the right moment.
In this guide, you’ll learn how to create, customize, and manage your pop-ups in LearnWorlds, as well as how to use AI to quickly generate and refine them based on your needs
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 one.
3. You can choose how to start, you can use a template or create with AI.
Create popup using templates
1. Browse available categories such as, exit intent, offers, video popups, welcome users and more.
2. Select a template and click Add.
3. Enter:
- Popup name
- Category
- Status (Draft or Public)
- Click Create
Fill template with AI
Even when using templates, you can use AI to generate content, In this case AI will help you create a popup based on the template you chose.
1. Click Fill with AI.
2. Describe what the popup should do (e.g., collect emails, promote a course)
3. Optionally you can:
- Attach files
- Paste text
- Add references
- Use parameters to guide tone, goal, or audience
4. Press Enter, and AI will generate content based on your input.
Create popup with AI
If you choose Create with AI:
1. An AI chat box will open
2. Enter a prompt describing what you want to create.
Example: “Create a popup to promote a new photography course with a discount offer”
3. Use available tools to refine the result:
- Parameters (goal, tone, audience)
- References
- Text or file inputs
4. Press Enter
The popup will be automatically generated and added to your page.
You can then edit it like any manually created popup.
Edit a popup with AI
You can also modify an existing popup using AI:
- Click the AI button at the top of the popup editor
- A chat box will open
- Describe the changes you want (content, layout, behavior)
AI will update the popup based on your instructions.
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 settings
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
Each popup should have a goal (for example, notify the users of a certain event, or gather emails). Click on the element you wish (e.g 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 manager
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.
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.