---
title: "How to open a Popup on button link click in WordPress?"
url: https://nexterwp.com/docs/open-popup-on-button-click/
date: 2023-02-06
modified: 2026-04-15
author: "Aditya Sharma"
description: "Using popups on a website can be very useful in various ways one of them when you want to show some additional information on the same page after the user..."
image: https://nexterwp.com/wp-content/uploads/2024/05/open-popup-on-button-click-1024x519.jpg
word_count: 243
---

# How to open a Popup on button link click in WordPress?

## Key Takeaways

- Nexter Blocks offers a Popup Builder block that includes various popup trigger options, including a standard button element.
- Users can customize the button text, icons, and alignment when using the Popup Builder block from Nexter Blocks.
- The On Button Click option must be enabled in the Display Conditions tab to activate the button for triggering the popup.

Using popups on a website can be very useful in various ways one of them when you want to show some additional information on the same page after the user clicks on a button.

This will add to the user experience as users don’t have to visit another page to get the information. One common use case can be to show a newsletter signup form in a popup when the user clicks on the signup button.

*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/)

The Popup Builder block from the Nexter Blocks offers many different popup trigger options along with the standard button element.

To add a button trigger element for the popup add the block on the page go to **Popup Load Settings** > **Type** and choose **Button** from the section.

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

With that a button will be added to the page, you can customize the button text, add icons, adjust icon position and button alignment etc. From the style tab, you can adjust the button style too.

Make sure from the **Display Conditions** tab, the **On Button Click** option is enabled to make the button active and you can also adjust the button position from the **Extra Options** tab.

![](https://nexterwp.com/wp-content/uploads/2023/02/button-popup-demo-3.gif)

Check [how to show popup on page load in WordPress](https://nexterwp.com/docs/trigger-popup-on-page-load-wordpress/).

## Frequently Asked Questions

**Q: What should I do if the popup doesn't appear when I click the button?**
A: If the popup isn't displaying, check the Display Conditions tab in the Popup Load Settings. Ensure that the 'On Button Click' option is enabled. If this setting is not activated, the button will not trigger the popup. This is a common oversight that can prevent the expected functionality.

**Q: What are the best practices for customizing the button that triggers the popup?**
A: When customizing the button, focus on the button text, icon position, and alignment to ensure it stands out. Use the style tab to adjust the button's appearance, making it visually appealing. A well-designed button can significantly increase the likelihood of user interaction.

**Q: Does the Nexter Blocks Popup Builder work with other page builders?**
A: The Nexter Blocks Popup Builder is designed primarily for Gutenberg, but it also supports Elementor and Bricks. This flexibility allows you to integrate popups seamlessly into your existing workflow, regardless of the builder you prefer.

**Q: What happens if I forget to install the Nexter Blocks before using the Popup Builder?**
A: If you haven't installed and activated the Nexter Blocks, the Popup Builder will not be available for use. This is a crucial step, as the Popup Builder is a feature of the Nexter Blocks. Without it, you won't be able to access the popup functionality.

**Q: Are there any limitations when using the Popup Builder in Nexter Blocks?**
A: While the Popup Builder offers various trigger options, it is essential to note that it is dependent on the Gutenberg editor. If you're not familiar with Gutenberg, there might be a learning curve. Additionally, ensure that your theme supports the features you want to implement.