How To Trigger An Elementor Popup Using Text

Updated: Oct. 10, 2020

The Elementor Popup is a great feature found in Elementor Pro. You can easily turn it into an effective marketing tool, lead capture tool, and so much more. One feature that's missing though, is the ability to associate text (specifically in the Text Editor) as a trigger for a Popup.

This tutorial will help you to achieve this WITHOUT any additional plugins.

Before we start, here's an example of it in action: Popup Triggered By Text


Drop an image in, anywhere. Then select next to Link, Custom URL. It will reveal the link area and options, and the Dynamic options. Click on Dynamic and scroll down until you find ActionsPopup. Select Popup and then click on it again. Enter the name of the popup, and click on it.

Selecting Your Popup


Next click on the Preview icon  (eye icon ). Then right click the image you've linked to the Popup, and copy the link address.


Look for the part of the URL that starts with #elementor-action. Copy from the # all the way to the end of URL. It should be something similar to this:


The final step is to now highlight the text you're wanting to add the Popup link to, paste the part you copied into it, and click Apply.

That's it, now you have text that will trigger the Elementor Popup. Scroll back to the top of this post to see the demo again.

If you appreciate this tutorial, please share it and/or comment below.

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email
Code Vertical Icon
From web design, WordPress, tutorials, and web developement, we have you covered.
Web Design
Website by

This is an Elementor Popup triggered by Text.

built with love using elementor pro

Code Vertical Icon

Customizing the Elementor Popup Close Button

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram