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

Updated On : April 15, 2026By : Reading Time : 1 minute

Key Takeaways

  • Nexter Blocks Popup Builder allows users to close popups using the Esc button by enabling the toggle in Extra Options.
  • Nexter Blocks Popup Builder offers an option to close popups by clicking outside of them, which can be activated in Extra Options.
  • Users can customize popup closing methods in Nexter Blocks by turning on either or both the Esc button and outer click options.
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.

LIVE BLOCK LINK

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.

pop up builder esc button close content

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.

pop up builder outer click close content

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 NexterWP
CMO at POSIMYTH Innovations · NexterWP · 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
LinkedIn X Website

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

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What should I do if the Esc button doesn't close the popup?

If the Esc button isn't functioning to close the popup, ensure that you have enabled the feature in the Extra Options. Navigate to Extra Options > Esc Button Close Content and toggle it on. If it's already enabled, check for any JavaScript errors in your console that might be interfering with the functionality.

Are there any limitations when using the Popup Builder in Nexter Blocks?

While the Popup Builder in Nexter Blocks offers flexibility, it requires that the Nexter Blocks plugin is installed and activated to function. Additionally, ensure that your WordPress setup is compatible with Gutenberg, as the Popup Builder is designed specifically for this environment.

What is the best practice for using popups on my website?

A best practice for using popups is to limit their appearance to avoid overwhelming users. Consider implementing settings to limit popups by user sessions, which can enhance user experience by preventing repetitive interruptions. You can learn more about this in the guide on limiting popup by user sessions in WordPress.

Does the Popup Builder work with themes other than Nexter Theme?

The Popup Builder is designed to work with the Nexter Theme, as it is part of the Nexter Blocks ecosystem. While it may function with other themes, optimal performance and features are best experienced when using Nexter Theme, which is built to support the full capabilities of Nexter Blocks.

Last reviewed: April 15, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………52