How to close Elementor Popup with the Esc button or by clicking outside?

Updated onApril 12, 2026By

Key Takeaways

  • The Plus Addons for Elementor Popup Builder widget allows users to close popups by pressing the Esc key.
  • The Plus Addons for Elementor Popup Builder widget enables closing popups by clicking outside of them.
  • Users can activate both the Esc button and outer click options in the Extra Options settings of the Popup Builder widget.
Table Of Content

Elementor Popups are a great way to engage viewers and convert them into customers. They are a powerful tool for businesses to use in order to generate leads and increase customer engagement. However, making sure your visitors can easily exit the pop-up is just as important, otherwise, it could result in a negative user experience.

The Popup Builder widget from The Plus Addons for Elementor allows you multiple options to easily close the popup, such as pressing the Esc key or on clicking outside the popup.

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

Let’s see how to use the Esc button to close the popup.

For this add the widget on the page after choosing the appropriate popup type and adding the content, go to Extra Options > Esc Button Close Content and turn on the toggle.

Popup builder esc new how to close elementor popup with the esc button or by clicking outside? From the plus addons for elementor

Suggested reading, how to open popup on exit Intent in Elementor.

This will allow users to easily close the popup using the Esc key of their keyboard.

Now to allow users to close the popup by clicking outside, go to Extra Options > Outer Click Close Content and turn on the toggle.

Popup builder outer click new how to close elementor popup with the esc button or by clicking outside? From the plus addons for elementor

Now depending on your requirements, you can turn on both options or any one of them. 

Learn how to show a popup once per session.

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 should I do if the Esc button doesn't close the Elementor popup?

If the Esc button isn't closing your Elementor popup, ensure that you have enabled the feature in the Extra Options. Navigate to Extra Options > Esc Button Close Content and toggle it on. This setting is crucial for allowing users to easily exit the popup using their keyboard, enhancing user experience.

What are the best practices for using popups in Elementor?

Best practices for using popups in Elementor include ensuring easy exit options, like enabling the Esc key and outer click close features. This prevents negative user experiences. Additionally, consider using popups strategically, such as for exit intent, to engage users without being intrusive. For more on this, check out how to open a popup on exit Intent in Elementor.

Does the Popup Builder from The Plus Addons for Elementor support multiple closing options?

The Popup Builder from The Plus Addons for Elementor allows you to enable multiple closing options. You can turn on both the Esc button and outer click close features, giving users flexibility in how they exit the popup. This can improve user satisfaction and engagement.

How can I ensure my popup only shows once per session in Elementor?

To ensure your popup only shows once per session in Elementor, you can implement specific settings that limit its visibility. This approach can prevent annoyance for repeat visitors and improve engagement. For detailed instructions, refer to the guide on how to show a popup once per session.

Last reviewed: April 12, 2026

Related Docs