Logo
Get Started Login
EN | ES

Lesson 3: How to create a custom popup that converts

Published at: 02 Jul 2025

Start Building Your First Popup

With the script already installed, the next step is launching your first popup. From your I Love PopUps dashboard:

  1. Enter your project.

  2. Click on “Create New Popup”.

You’ll immediately access a real-time preview. As you fill in each field, the popup updates live so you can see the final result as you build it.

Design the Core Elements

Set the Message

  • Title: This is the main attention-grabber. Make it clear and concise.

  • Subtitle (optional): Add context or detail to your message.

  • Button Text: Write a compelling call-to-action.

  • Button URL: Paste the link where users should be directed.

Customize the Look

  • Background color

  • Text color

  • Button color

  • Border style (choose squared or rounded)

These elements help match your popup with your brand’s style and enhance visual appeal.

Choose the Placement

Where the popup appears on your site can impact its effectiveness. You can place it:

  • Center screen

  • Top or bottom bars

  • Bottom-left or bottom-right corners

Each option fits different strategies, from subtle to eye-catching.

Define User Behavior Settings

Behavior settings determine how and when your popup is triggered. I Love PopUps offers flexible options to avoid being intrusive:

Triggering Options

  • By time: Show after a specific delay (e.g., 3, 5, or 10 seconds).

  • By scroll: Activate when a user scrolls a certain percentage of the page (e.g., 30%, 60%).

  • By click: Trigger after a user interacts with a specific element.

  • By inactivity: Re-engage visitors who are idle on the page.

Frequency Settings

If a user closes the popup, decide how often it should reappear:

  • Once a day

  • Once a week

  • Never again

This prevents annoyance while maintaining visibility.

Device Targeting

Choose where your popup should appear:

  • Only on desktop

  • Only on mobile

  • On both device types

This ensures better performance and avoids disrupting the user experience.

Schedule Your Campaign

You can set start and end dates for your popup. This is ideal for:

  • Flash sales

  • Holiday promotions

  • Event countdowns

Automation removes the need for manual activation or deactivation.

Advanced Targeting with URL Filters

Decide on which pages your popup will be shown:

  • Exact URL matches

  • Starts with a specific path

  • Ends with a phrase

  • Contains a keyword

This allows precise targeting, such as showing a popup only on product pages or blog posts.

Final Step: Launch It

Once everything is configured:

  1. Click Save.

  2. Your popup will automatically go live — no further edits to your site are needed.

If the script is already installed, the popup will appear based on the rules you’ve set.

Fast Results, Fully Customized

In just three minutes, you’ve built and launched a popup that’s:

  • Tailored to your message

  • Aligned with your brand

  • Targeted to your ideal audience

  • Timed perfectly for engagement

And all of it without touching a single line of code.

Stay tuned for the next guide on how to use A/B testing to optimize your results using real performance data.