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

Updated onApril 21, 2026By

Key Takeaways

  • The Plus Addons for Elementor Popup Builder widget allows users to add a built-in button as a trigger without needing a separate button widget.
  • Marketers can use the Popup Builder to display lead capture forms in popups on CTA button clicks.
  • The Popup Builder widget requires The Plus Addons for Elementor to be installed and activated for full functionality.
Table Of Content

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

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

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

  1. Add the Popup Builder widget to the page in the Elementor editor.
  2. 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.
Popup builder button new1 how to open a popup on button link click in elementor? From the plus addons for elementor

Suggested reading, how to open popup on exit Intent in Elementor.

  1. 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.
  2. 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.
  3. From the Icon Position dropdown, set whether the icon appears before or after the button label.
  4. From the Button Alignment dropdown, set where the button appears on the page: left, center, or right.
  5. 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 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.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 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.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the popup doesn't open when I click the button?

If the popup doesn't open upon clicking the button, first ensure that the Popup Builder widget from The Plus Addons for Elementor is properly installed and activated. Additionally, check that you've selected 'Call To Action' from the dropdown in the Content settings. If these settings are correct and it still doesn't work, consider clearing your browser cache or checking for JavaScript errors that might interfere with the popup functionality.

What are the best customization options for the button that triggers the popup?

For optimal user engagement, customize the button text to be action-oriented, such as 'Sign Up' or 'Learn More'. You can also adjust the icon position and button alignment in the customization options. These adjustments can make the button more visually appealing and encourage clicks, leading to a better user experience.

Does the Popup Builder work with other page builders besides Elementor?

The Popup Builder from The Plus Addons for Elementor is specifically designed to work only with Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. This specialization ensures that you get the best performance and features tailored for Elementor users.

What happens if I want to open a popup using a custom selector instead of a button?

If you prefer to open a popup using a custom selector, The Plus Addons for Elementor provides a method for this as well. You can refer to the documentation on how to open a popup using a custom selector for detailed instructions. This flexibility allows you to integrate popups seamlessly into various elements on your page.

Are there any limitations when using the Popup Builder for Elementor?

One limitation of the Popup Builder is that it only functions with Elementor, meaning you cannot use it with other page builders. Additionally, while it offers various customization options, the effectiveness of popups can vary based on user behavior and site design. It's essential to test different approaches to find what works best for your audience.

Last reviewed: April 21, 2026

Related Docs