How to show Popup after Page Scroll in Elementor?

Updated onApril 12, 2026By

Key Takeaways

  • Popup Builder widget triggers a popup when a user scrolls to a certain part of the page.
  • Scroll Offset(PX) value determines how far users must scroll down before the popup opens.
  • The Plus Addons for Elementor must be installed and activated to use the Popup Builder widget.
Table Of Content

If you want to create a popup that appears after a user scrolls down your page, this can be a great way to increase engagement with your site visitors, as well as collect leads or promote products.

Using our Popup Builder widget, you can do that very easily and trigger the popup when a user scrolls to a certain part of the page.

To check the complete feature overview documentation of The Plus Addons for Elementor Popup Builder widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, add the widget on the page after choosing the appropriate popup type and adding the content go to Display Options > On Scroll and click on the pencil icon.

Popup builder on scroll new how to show popup after page scroll in elementor? From the plus addons for elementor

Suggested reading, how to make full width menu popup in Elementor.

To adjust the scroll position, change the Scroll Offset(PX) value, the number you set here will determine how far users will have to scroll down before the popup opens.

Note: Make sure there are no popup trigger elements on the page, so set the Select Option to Hidden in the Content tab.

Also read, triggering popup on exit intent.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What if my popup doesn't appear after scrolling?

If your popup isn't showing up, check the Scroll Offset (PX) value in the Display Options. This setting determines how far down the page users need to scroll before the popup activates. If the value is set too high, users may not reach it. Additionally, ensure that there are no conflicting popup trigger elements on the page by setting the Select Option to Hidden in the Content tab.

Can I use the popup after page scroll feature for lead generation?

Using the popup after page scroll feature is effective for lead generation. It allows you to engage users who have shown interest by scrolling down your page, making them more likely to interact with your content. This strategy can help collect leads or promote products effectively, leveraging the engagement of visitors.

What is the best Scroll Offset value for triggering popups?

The best Scroll Offset value depends on your page layout and content. A common practice is to start with a value around 300-500 pixels, which allows users to engage with your content before the popup appears. Adjust this value based on user behavior and feedback to optimize engagement without being intrusive.

How do I adjust the content of the popup?

To adjust the content of your popup, add the Popup Builder widget to your page and choose the appropriate popup type. You can then customize the content directly within the widget settings. This flexibility allows you to tailor the message or offer based on your audience's needs.

What happens if I have multiple popup triggers on the same page?

Having multiple popup triggers on the same page can lead to conflicts, causing popups to not display as intended. To avoid this, ensure that you set the Select Option to Hidden for any other popup triggers in the Content tab. This will help maintain a clear user experience and prevent overlapping popups.

Last reviewed: April 12, 2026

Related Docs