--- title: How to Open a Popup on Scroll in Elementor description: "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…" url: "https://master-addons.com/docs/popup-builder/on-scroll-popup/" updated: "2026-09-15" category: Popup Builder --- # How to Open a Popup on Scroll in Elementor 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](https://master-addons.com/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](https://master-addons.com/docs/popup-builder/popup-settings-options/) to create one) - Elementor installed and active - Master Addons for Elementor installed and active ([installation guide](https://master-addons.com/docs/getting-started/installing-plugin/)) ## 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. ![Master Addons Popups list with the Edit with Elementor link for the Sale popup](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/11123047/01-edit-popup-with-elementor.webp) ## 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. ![Open Popup dropdown in MA Popup Settings with the On Scroll trigger selected](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/11123053/02-open-popup-on-scroll.webp) ## 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. ![Scroll Progress percentage slider shown after choosing the On Scroll trigger in Master Addons](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/11123059/03-scroll-progress-percentage.webp) 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. ![Live page hero section with no popup visible at the top before scrolling](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/11123105/04-plumbing-page-before-scroll.webp) 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. ![Master Addons popup appearing over the page content after the visitor scrolls past the set percentage](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/11123111/05-popup-appears-on-scroll.webp) ## 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. The On Scroll trigger itself needs Master Addons Pro, since the free plugin opens every popup on page load. ## Related Reading - [Master Addons Popup Builder Settings](https://master-addons.com/docs/popup-builder/popup-settings-options/) - [Popup Trigger Options Explained](https://master-addons.com/docs/popup-builder/on-page-load-trigger/) - [How to Add a Popup in Elementor for Free](https://master-addons.com/how-to-add-popup-in-elementor-for-free/)