---
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-06-14
author: "Aditya Sharma"
description: "Using popups on a website can be very useful in various ways. One common use case is when you want to show additional information on the same page after the..."
image: https://nexterwp.com/wp-content/uploads/2024/05/open-popup-on-button-click-1024x519.jpg
word_count: 341
---

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

## Key Takeaways

- Nexter Blocks Popup Builder block includes a built-in button element, and Popup Load Settings > Type lets the user select Button.
- Display Conditions tab enables On Button Click, so the popup opens only when visitors click the button and not on page load.
- Popup Builder content area holds a contact or lead form, and the post cites lead generation pages, product or pricing pages, and pages with supplementary information, video, or a form.

Using popups on a website can be very useful in various ways. One common use case is when you want to show additional information on the same page after the user clicks on a button.

This improves the user experience because visitors do not have to go to another page to get the information. A common example is showing a newsletter signup form in a popup when the user clicks 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 Nexter Blocks. Make sure it is installed and activated.

**Best Used For:**

- Lead generation pages where a signup or contact form appears in a popup when a visitor clicks a CTA button

- Product or pricing pages where a demo request or free trial form opens without leaving the page

- Any page where you want to show supplementary information, video, or a form without navigating away

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

The Popup Builder block from Nexter Blocks offers multiple popup trigger options, including a built-in button element.

To add a button trigger for the popup, add the Popup Builder block to your page, then go to **Popup Load Settings** > **Type** and select **Button**.

![Popup Builder block Type Button setting in Nexter Blocks](https://nexterwp.com/wp-content/uploads/2023/02/pop-up-builder-content-shortcode-button.png)

A button will be added to the page. From this block, you can customize the button text, add icons, and adjust the icon position and button alignment. From the **Style** tab, you can adjust the button appearance.

From the **Display Conditions** tab, enable the **On Button Click** option to activate the button trigger. Use this when you want the popup to open only when visitors click the button, not automatically on page load. You can also adjust the button position from the **Extra Options** tab.

![Popup opening on button click in Nexter Blocks](https://nexterwp.com/wp-content/uploads/2023/02/button-popup-demo-3.gif)

To add a contact or lead form inside the popup, see [How to Add a Form in WordPress](https://nexterwp.com/docs/add-a-form-in-wordpress/) and place the form block inside the Popup Builder content area.

For auto-opening popups without a button trigger, see [How to Trigger a Popup on Page Load in WordPress](https://nexterwp.com/docs/trigger-popup-on-page-load-wordpress/).