BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Popup Builder Pro

How to set up and use Popup Builder in Bright Addons Pro.

The Popup Builder in Bright Addons Pro lets you design popups with Elementor and show them on chosen pages. Each popup opens after a delay, after scrolling, on exit intent, after idle time or from any link, and can show once per visit, every few days or only once.

Part of: Bright Addons Pro. Before you start: Bright Addons Pro and Elementor (free).

Set it up

  1. Go to Bright Addons Pro > Theme Builder and click Add New Template.

  2. Pick Popup as the Template type and choose the pages under Show on.

  3. In Popup settings, choose when it opens with Open, and set Show to how often it may appear.

  4. Choose the Position, Animation and Width, and the closing options.

  5. Publish, then click Edit with Elementor and design the popup content.

  6. Open a page it is set for and wait for the trigger, or link a button to #name.

Content options

When it opens

Option What it does
Open After the page loads (with a delay), after scrolling part of the page, when the visitor is about to leave, after the visitor does nothing for a while, or only when a link or button is clicked.
Delay (seconds) Wait before opening after the page loads.
Scrolled (percent of the page) How far down the page the visitor scrolls first.
Idle time (seconds) How long the visitor does nothing first.
Link name (opens it from any link to #name) Any link to #name opens the popup, with every trigger.

How often and where

Option What it does
Show On every page view, once per visit, once every few days, or only once.
Days between showings Days to wait with Once every few days.
Devices Desktop, tablet and phone.

Look

Option What it does
Position Center, top bar, bottom bar, bottom left or right corner, slide-in from the left or right, or full screen.
Animation Fade, zoom, slide or none.
Width (pixels) Width of the popup.
Dark overlay behind the popup Darkens the page behind the popup.
Overlay color Color of the overlay.

Closing

Option What it does
Close button Shows the close button.
Close on a click outside the popup Closes when the overlay is clicked.
Close with the Esc key Closes with the keyboard.
Close by itself after (seconds, 0 = never) Closes on its own after a time.
Stop the page from scrolling while open Locks the page behind the popup.
Bright Addons Pro

Unlock this and 79 more Pro widgets

One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.

Tips

  • The once per visit, every few days and only once choices are remembered in the visitor's browser; nothing is sent to your server.

  • A popup with Open set to only on click never opens by itself; link a button to #name.

  • Keyboard focus moves into the popup and returns to the button that opened it when it closes.

  • Up to five popups can match one page; give each a clear trigger so they do not open at the same time.

Questions and answers

Do I need Elementor Pro for popups?

No. The Popup Builder works with the free Elementor plugin.

How do I open a popup from a button?

Set a Link name such as newsletter, then link the button to #newsletter.

How do I stop a popup showing again?

Set Show to Once per visit, Once every few days or Only once.

Can I show a popup only on phones?

Yes. Untick Desktop and Tablet under Devices.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides