design + web

Elementor Tip #1 How to Trigger a Popup from any link, without using an extra plugin!

FB.
BE.
Follow Us

This is one of my most used Elementor functions that I use so often!

Popups can be triggered manually. Who knew? I DID!
I’m not a fan of adding a bunch of rando plugins without taking a deep dive and making sure Elementor Pro can’t do it alone. I find MOST of the time it can and that helps your site’s load speed which in turn helps your SEO.

How to create a POPUP using ELEMENTOR PRO and NO extra plugins!

  1. Go to Dashboard > Templates > Popups > Add New
  2. Name your template and click ‘Create Template
  3. Choose a template from the Library or create your own design
  4. Click ‘Publish’, then ‘Save and Close
  5. Open a new page in Elementor (CTRL / CMD + E, new page)
  6. Drag in a button widget
  7. Under Layout, choose Link > Dynamic > Actions > Popup
  8. Click Popup Open Popup > Select the popup you created
  9. Go to the live page, click on the button and see the popup appear

Here’s How to Add your new Popup to Any link!

  1. Create your Popup in the Elementor builder (see above).
  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: #link-popup)



I’ve adapted from the official Elementor post found here: https://elementor.com/help/how-to-trigger-a-popup-on-a-link-click/

Share Article:

Elementor Tip #1 How to Trigger a Popup from any link, without using an extra plugin!

Facebook
Twitter
LinkedIn
d+w Journal

Keep Reading

Woocommerce Woes?

Do you need help setting up your shopping cart? Did you hire someone that wasn’t 100% able to deliver the results of your complicated shopping