---
title: "How to close WordPress Popup with the Esc button or by clicking outside?"
url: https://nexterwp.com/docs/close-popup-with-esc-or-clicking-outside/
date: 2023-02-06
modified: 2026-04-15
author: "Aditya Sharma"
description: "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..."
image: https://nexterwp.com/wp-content/uploads/2024/05/close-popup-with-esc-or-clicking-outside-1024x519.jpg
word_count: 216
---

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

## 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.

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](https://nexterwp.com/docs/add-popup-builder-in-wordpress/).

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

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/builder/wordpress-popup-builder/)

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.

![](https://nexterwp.com/wp-content/uploads/2023/02/pop-up-builder-esc-button-close-content.png)

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.

![](https://nexterwp.com/wp-content/uploads/2023/02/pop-up-builder-outer-click-close-content.png)

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](https://nexterwp.com/docs/popup-once-per-website-session/).

## Frequently Asked Questions

**Q: What should I do if the Esc button doesn't close the popup?**
A: 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.

**Q: Are there any limitations when using the Popup Builder in Nexter Blocks?**
A: 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.

**Q: What is the best practice for using popups on my website?**
A: 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](https://nexterwp.com/docs/popup-once-per-website-session/).

**Q: Does the Popup Builder work with themes other than Nexter Theme?**
A: 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.