A popup that loads the second a page opens feels pushy, and most visitors close it before they’ve read a word. A scroll-triggered popup waits until someone is actually reading, then shows your offer once they’ve scrolled far enough to be interested. The Master Addons Popup Builder handles this with the On Scroll trigger and one Scroll Progress setting. No code.
Here’s how to set a popup to open after a visitor scrolls a chosen percentage of the page, using the Popup Builder that comes free with Master Addons for Elementor.
Before You Start #
- A popup already built in the Master Addons Popup Builder (see the popup settings guide to create one)
- Elementor installed and active
- Master Addons for Elementor installed and active (installation guide)
Step 1: Open Your Popup in Elementor #
Go to Master Addons → Popup Builder. Find the popup you want to trigger on scroll, hover over its name, and click Edit with Elementor. The popup opens in the Elementor editor with the MA Popup Settings panel on the left.
Step 2: Set the Popup to Open On Scroll #
In the MA Popup Settings panel, open the Settings section and find the Open Popup dropdown. It’s set to On Page Load by default. Switch it to On Scroll.
The same dropdown holds the other triggers too, On Click, On Scroll to Element, On Exit Intent, After Inactivity, and Custom, so you can change the behaviour later without rebuilding the popup.
Step 3: Set the Scroll Progress Percentage #
The moment you pick On Scroll, a new field shows up: Scroll Progress (%). This is how far down the page a visitor has to scroll before the popup fires. Drag the slider, or type a number straight into the box.
A low value like 20% shows the popup early, near the top. A higher value like 50% waits until the visitor is halfway down. I usually start around 40%, far enough that the reader is engaged, not so far that they’ve already left.
A few related options sit right under the slider:
- Show Again Delay sets how long before the popup can come back after a visitor closes it.
- Disable Page Scroll locks the background page while the popup is open.
- Disable popup automatically and Disable After let you pick an end date so the popup stops showing on its own.
When you’re done, hit Publish (or Update) to save the popup.
Step 4: Preview and Scroll #
Open the page where the popup is set to display and view it on the front end. At the top there’s no popup, the visitor sees your normal content first.
Now scroll down. Once you pass the Scroll Progress percentage you set, the popup slides in over the page. It works the same way on every page included in the popup’s display conditions.
Troubleshooting #
- Popup never appears? Lower the Scroll Progress percentage. On a short page, a high value like 80% can sit below the bottom of the content, so the visitor never reaches it.
- Fires too early? Raise the percentage so the visitor reads more before it shows.
- Not showing on the page at all? Check that the popup’s Activation is on and its display conditions include the page you’re testing.
- Shows every time you reload? Set a Show Again Delay so it doesn’t reopen on every visit once a user has closed it.
Frequently Asked Questions #
How do I open a Master Addons popup on scroll?
Edit the popup in Elementor, open the MA Popup Settings panel, and set Open Popup to On Scroll. Then set the Scroll Progress percentage, which is how far down the page a visitor scrolls before the popup appears.
What does Scroll Progress percentage mean?
It’s the share of the page a visitor scrolls through before the popup fires. At 40%, the popup opens once someone has scrolled 40% of the way down. Lower values show it sooner, higher values wait longer.
What is a good scroll percentage for a popup?
Around 30 to 50 percent works for most pages. It’s far enough that the visitor is engaged with your content but not so far that they’ve finished reading or already left.
Can I stop the popup from showing every time?
Yes. Use the Show Again Delay option below the Scroll Progress slider to set how long before the popup can come back after a visitor closes it.
Do I need Elementor Pro for a scroll popup?
No. The Master Addons Popup Builder works with the free version of Elementor, so the On Scroll trigger and Scroll Progress setting work without Elementor Pro.
