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

Key Takeaways

  • Nexter Blocks Popup Builder block enables users to close popups using the Esc button by activating the toggle in Extra Options.
  • Outer Click Close Content feature allows users to close popups by clicking outside, also activated through Extra Options.
  • Users can customize popup closing methods by enabling either or both options based on their requirements.
Table of Contents

Creating a great user experience on your WordPress website is essential to engaging your visitors and keeping them coming back. Popups can be an effective way to deliver important messages and draw attention to specific features of your site. However, it is essential to ensure that visitors can easily close these popups when they are no longer needed.

To check the complete feature overview documentation of the Nexter Blocks Popup Builder block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure its installed & activated to enjoy all its powers.

Our Popup Builder has multiple options that you can offer to your users to easily close the popup.

Users can use the Esc button to close the popup, for this, add the block 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.

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

You can also allow users to close the popup by clicking outside the popup for this go to Extra Options > Outer Click Close Content and turn on the toggle.

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

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

Also learn how to limit popup by user sessions in WordPress.

About the Author

Photo of Aditya Sharma CMO of Nexter
CMO at POSIMYTH Innovations · Nexter · 7 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.

WordPressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!