Skip to main content
Popups and widgets let you display additional content, offers, or lead capture forms on top of your existing page content — without requiring a visitor to navigate away. HoopAI’s builder supports full-page overlay popups on both funnel steps and website pages, configurable with custom triggers, timing, and appearance.

​
Types of popups

​
Overlay popup

A full-screen or centered overlay that appears on top of the page content. This is the most common popup type and is ideal for:
  • Email opt-in offers (“Get our free guide — enter your email below”)
  • Limited-time promotions
  • Cookie consent notices
  • Exit offers before a visitor leaves
A narrow bar that sticks to the top or bottom of the browser window as the visitor scrolls. Sticky bars are less intrusive than full overlays and work well for:
  • Announcement banners
  • Countdown timers for limited offers
  • Site-wide calls to action

​
Adding a popup to a page

1

Open the page in the builder

Navigate to your funnel step or website page and click Edit Page to open the builder.
2

Open page settings

Click the Page Settings icon in the top toolbar.
3

Select 'Popup'

In the page settings panel, click Popup to open the popup configuration options.
4

Click 'Open Popup Settings'

Click Open Popup Settings to open the popup in the builder. You can now design the popup content just like a regular page — add sections, rows, columns, text, images, forms, buttons, and any other element.
5

Configure trigger settings

Set when and how the popup appears. Available triggers include:
  • Time delay — popup appears after the visitor has been on the page for a set number of seconds
  • On exit intent — popup appears when the visitor’s cursor moves toward the browser’s top bar (indicating they are about to leave)
  • On scroll — popup appears after the visitor scrolls a certain percentage down the page
  • On click — popup appears when the visitor clicks a specific button or link
6

Set display frequency

Control how often the popup appears to the same visitor:
  • Every visit — shows each time the visitor loads the page
  • Once per session — shows once per browser session
  • Once — shows only on the visitor’s first visit and not again
7

Save and publish

Click Save in the popup builder to return to the main page editor. Save and publish the page to make the popup live.

​
Designing effective popups

​
Lead capture popup

The most effective lead capture popups:
  • Make a specific, valuable promise in the headline (“Download our 10-step checklist free”)
  • Ask for only what is needed — email address at minimum
  • Include a clearly labeled submit button (“Send me the checklist”)
  • Use a low-friction close option (a visible X button or “No thanks” link)

​
Offer or promotion popup

For promotional popups:
  • Lead with the discount or benefit clearly stated (“15% off today only”)
  • Include a countdown timer to create urgency
  • Make the call-to-action button text specific (“Claim my 15% discount”)
  • Show it after a delay so it does not interrupt the visitor’s first impression

​
Triggering a popup from a button

You can configure any button on the page to open the popup when clicked:
  1. Select the button element in the builder.
  2. In the button’s link settings, choose Popup as the link type.
  3. Select the popup you want to trigger.
This allows you to use popups for non-intrusive calls to action — the visitor chooses to open the popup by clicking the button rather than having it appear automatically.

​
Exit-intent popups

Exit-intent detection fires the popup when the visitor’s mouse moves toward the top of the browser window, which typically indicates they are about to navigate away or close the tab. Exit-intent popups are one of the highest-converting popup types because they target visitors at the moment of maximum intent to leave. Effective exit-intent popup offers:
  • A free resource that addresses the page’s topic
  • A last-chance discount for an offer the visitor was considering
  • A simpler, lower-commitment alternative offer (“Not ready to buy? Join our email list for tips”)
  • Show popups after a delay rather than immediately on page load. A three-to-five second delay gives visitors time to engage with the page before being interrupted.
  • Use exit-intent triggers instead of time-based triggers on key conversion pages — they are less disruptive and target visitors who are already leaving.
  • Never show the same popup on every page of your site. Limit popups to pages where the offer is specifically relevant.
  • A/B test popup headlines and offers just as you would test page content — small copy changes can significantly affect opt-in rates.
Use a lead capture popup with a free resource offer on your blog pages. Visitors reading blog content are already engaged with your topic — this is an ideal moment to convert them into email subscribers.
Aggressive popups that appear immediately on page load and are difficult to close can increase bounce rates and create a negative first impression. Always prioritize the visitor’s experience — the popup should feel helpful, not intrusive.
Last modified on March 5, 2026