How to Trigger an Elementor Popup on a Link Click

Opening A Popup By Text Link

  1. Create your Popup in the Elementor builder Learn More Here
  2. Navigate to the Popup Settings by clicking the gear icon in the lower corner
  3. In the Advanced Tab > Open By Selector create an anchor trigger link shortcode (example: a[href=”#link-popup”])
  4. Set the Display Conditions to Include > Entire Site
  5. Apply this link anywhere on your website by linking to the anchor trigger link (example: <a href=”#link-popup”>Linked Popup Here</a>)

Example Resources


Opening A Popup By Menu Link

  1. Create your Popup in the Elementor builder Learn More Here
  2. Navigate to the Popup Settings by clicking the gear icon in the lower corner
  3. In the Advanced Tab > Open By Selector create a CSS ID anchor link (example: .menu-popup)
  4. Set the Display Conditions to Include > Entire Site
  5. In Appearances > Menus create a Custom Link
  6. Assign the URL as a “#” and name your link
  7. In the CSS classes enter the same ID as your Popup selector without the “.” (example: menu-popup)

Example Resources

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email
Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before