help center

Search
Close this search box.
On this page

Trigger a popup on a link click

Last Update: August 27, 2024

Opening A Popup By Text Link

  1. Create your Popup in the Elementor builder Learn More Here.
    When you save your popup, make sure the display conditions make it over for the entire site. For details, see Conditions, triggers, and advanced rules.
    1 Click the settings icon Trigger a popup on a link click 1
  2. In the top bar, click the settings icon to open the Settings panel.
    Click the Advanced tab Trigger a popup on a link click 3
  3. In the panel, click the Advanced tab.
    Open by selector Trigger a popup on a link click 5
  4. In the panel, in the Open by Selector field, add an anchor trigger link shortcode (example: a[href="#link-popup"] )

Create the link

Now that you’ve assigned a selector to the popup, you can trigger the popup with a link.

To trigger the popup:

  1. Create an element that can contain a link.
    5 Link anchor Trigger a popup on a link click 7
  2. Use the selector, for example #link-popup, as the link.

The popup will appear when the link is clicked.


Note
When using the code snippet above, ensure that straight quotes are used rather curly quotes.

Need expert help in creating that perfect lead-collection popup for your marketing campaign? Check out Elementor Premium Services.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!