---
title: "How to open a Popup on button link click in Elementor?"
url: https://theplusaddons.com/docs/open-popup-on-button-click-in-elementor/
date: 2023-02-09
modified: 2026-04-21
lang: en
author: "Aditya Sharma"
description: "Opening a popup on button click is one of the most common popup use cases in WordPress and Elementor. It lets you display a newsletter signup form, additional information, or..."
image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-open-a-Popup-on-button-link-click-in-Elementor_-1024x536.jpg
word_count: 458
---

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

## 

- Utilizes the Popup Builder widget from The Plus Addons for Elementor to trigger popups on button clicks.
- Enables customization of button text, icons, and alignment through the Content and Style tabs.
- Allows adjustment of button placement via the Extra Options tab for enhanced user experience.

Opening a popup on button click is one of the most common popup use cases in WordPress and Elementor. It lets you display a newsletter signup form, additional information, or a navigation menu in a popup when a user clicks a button, without sending them to a different page.

With the Popup Builder widget in [The Plus Addons for Elementor](https://theplusaddons.com/), you can add a built-in button directly as the trigger from the widget settings. You do not need a separate button widget or Elementor Pro to set this up.

*To check the complete feature overview documentation of The Plus Addons for Elementor Popup Builder widget, [click here](/docs/popup-builder-elementor-widget-settings-overview/).*

**Best Used For:**

- Marketing and landing pages that open a lead capture or newsletter signup form in a popup on CTA button click- Portfolio and agency sites that show a contact or project inquiry form in a popup without navigating visitors away from the page- Membership and SaaS sites that reveal a demo request or special offer in a popup when a button is clicked

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/popup-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, add the Popup Builder widget to the page and follow the steps –

- Add the **Popup Builder** widget to the page in the Elementor editor.- In the **Content** tab, open the **Select Option** dropdown and choose **Call To Action**. This adds a built-in button to the popup. The popup opens when the button is clicked.

![](https://theplusaddons.com/wp-content/uploads/2023/02/popup-builder-button-new1.png)

Suggested reading, [how to open popup on exit Intent in Elementor](https://theplusaddons.com/docs/exit-intent-popup-in-elementor/).

- In the **Button Text** field, enter the label to display on the button. Use action-oriented text such as “Sign Up” or “Book a Demo” to encourage visitors to click.- From the **Button Icon** section, choose an icon to display on the button. An envelope icon works well for newsletter popups and an arrow icon works well for download or CTA buttons.- From the **Icon Position** dropdown, set whether the icon appears before or after the button label.- From the **Button Alignment** dropdown, set where the button appears on the page: left, center, or right.- Go to the **Extra Options** tab to adjust the placement of the button on the page if needed.

Go to the **Style** tab to adjust the button’s colors, typography, padding, and border. Click **Update**. The popup will now open each time a visitor clicks the button.

For content that should expand directly on the page without a popup overlay, The Plus Addons for Elementor also includes the [Unfold widget](https://theplusaddons.com/docs/unfold-elementor-widget-settings-overview/) for toggling inline content sections. This is useful when you want a lighter show/hide interaction that does not block the rest of the page.

Learn, [how to open a popup using a custom selector](https://theplusaddons.com/docs/elementor-popup-on-other-element-click/).