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

Key Takeaways

  • The Plus Addons for Elementor Popup Builder widget allows users to open a popup on a button click without needing a separate button.
  • Users can customize the button text, icons, icon position, and button alignment using the Content and Style tabs.
  • The Popup Builder widget includes an Extra Options tab for adjusting the placement of the button.
Table Of Content

One of the most common use cases for popups is to open a popup on a button click, this is very handy when you want to show additional information after the user clicks on a button without having them leave the page. Using this method, you can show a menu or newsletter signup form in a popup when the user clicks on a button.

To check the complete feature overview documentation of The Plus Addons for Elementor Popup Builder widget, click here.

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

With the Popup Builder widget from The Plus Addons for Elementor, you can have different types of popup trigger elements one of them is a button, so you don’t have to add a separate button for this.

So to do this, add the widget on the page and go to Content > Select Option and choose Call To Action from the dropdown.

Popup builder button new1 how to open a popup on button link click in elementor? From the plus addons for elementor

This will add a button to your page, you’ll also get some customization options as well, from there you can change the button text, add icons, adjust icon position and button alignment etc. From the style tab, you can adjust the button style too.

If you want from the Extra Options tab, you can adjust the placement of the button as well.

Now if someone clicks on the button it will open the popup.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 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
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 12, 2026