How to open an Elementor popup through a link

> Popup messages

What is a popup window?

A popup is a window that appears (” pops up”) while you are browsing a website. They are used for many reasons, offering discounts, notifications, encouraging subscription to a newsletter, promoting content and others. Click here to see an example of a popup.

But we are not going to extend much more about popups because this topic is not about how to create them but about how we can open them through a link similar to this one:


We will also learn in this topic how to configure our popup window to have a link like this: #enlace-popup

“link-popup” is a name invented by us, later we will see how we can set the ID we want to open our popup.

Make our popup active on the entire website

A very important thing to do is to set the condition that our popup window is active on the entire site. Imagine that we add the link in a blog post or in our main menu, if we do not have this display condition may be that in certain parts of our website the popup is not active and does not open. Let’s see how it is done.

Enable site-wide pop-up window

  1. We open with Elementor the pop-up message.
  2. Click on the little arrow just to the right of the Refresh button > click on the Display Conditions option in the pop-up menu.
  3. A pop-up window will open with several tabs on the left side, leave the Conditions tab > click on the Add condition button and leave the default condition which is All site.
  4. All we have to do now is to save by clicking on the Save and close link or click on the Next button and then on the Save and close button.

Now our pop-up window will be active throughout our website. It is not necessary to configure Triggers or Advanced Rules if you do not need them.

How to get the link that opens our pop-up message

Let’s see three ways to get the link that opens our popup. We must know that each popup has its own link and this does not vary, so once we get it we can use it anywhere on our website, as many times as we want.

Add the open popup action to a widget

For the first two ways we need to add to an Elementor widget the action of opening the popup. We can use any widget that has the link field, in this example we are going to do it with the Button widget.

Assign a popup window to a button
  1. Click on the button to select it.
  2. In the Content tab we click on the button Dynamic labelsDynamic labels of the property Link > and select the action Popup window.
  3. Click on Popup Window > click on All and type the name you have given to the popup, once you start typing it will show matching results, now click on the popup name.
  4. Finally click the Update button to save the changes.

Once this is done, the button will be assigned the action of opening the popup and we will be able to get the link through it.

Get popup window link from browser inspector

Once we have added the action of opening the popup window to a widget, in this case a button, we only have to open the page where we have inserted it in the browser and follow these steps:

Get popup link from browser inspector
  1. We open the page where the button is in the browser (in this case Google Chrome).
  2. Right-click on the > button and click on Inspect from the pop-up menu.
  3. From the Inspector we click with the right button on the link that includes the open action, we can distinguish it because it begins with #elementor-action… > click on Edit attribute from the pop-up menu.
  4. Now the link will be shaded that means that it is selected and we can copy it by pressing CTRL+C or by right clicking on it > click on Copy from the popup menu.

Now we have the URL that triggers the action of opening the popup. We can paste it into a text file and then copy and paste it and use it wherever we want.

Get the internal link of the popup window from a widget

Another way to get the internal link from the popup window is to copy the link directly from the widget in this case from the button. Let’s see how to do it:

Get the link of the popup directly from the button
  1. Right-click on the button > click on Copy link address
  2. We use the notepad to paste the link with CTRL+V
  3. We select and delete everything behind #elementor-action

And we already have the link that opens the popup. The button has already performed its function and we can delete it, this will not influence anything since the link is always the same for that popup.

Get the internal link of the pop-up window with a plugin

We can also install the free plugin Popup Trigger URL for Elementor Pro that you can find in the WordPress repository.

This plugin has only one functionality and that is to add a button to the right of each popup template that when clicked shows you the link that opens the popup so you can copy it and use it wherever you want.

Get pop-up link with a plugin
  1. Install the Popup Trigger URL for Elementor Pro plugin.
  2. Go to Templates > Pop-up messages.
  3. In the list of templates you will find the Show URLs button to the right of each one, click on it and a popup will appear with all the available links for that popup message.

To show the popup we only need the first one (Open), but this plugin also provides three more: Toggle, Close and Close (Don`t Show Again).

Configuring our own link to open a popup

We can also customize and shorten the link of our popups, to do so follow these steps:

Open popup by selector
  1. We open the popup in the Elementor builder.
  2. Go to the pop-up window settings by clicking on the Elementor settings settings icon in the lower left corner.
  3. In the Advanced tab > Open by selector, create an anchor activation link shortcode, example: a[href="#enlace-popup"]
  4. Apply this link anywhere on your website by linking to the anchor trigger link (example: #link-popup).

The text #enlace-popup is our choice, we can set the name we want, always without spaces or special characters and preferably in lowercase. Remember to set the popup window display conditions to Sitewide.

How to apply the obtained link to open the pop-up window

Once we have the link we can apply it to any link created with Elementor, Gutenberg or even in the menu of our website. Let’s take a look at some examples.

Apply link to Text Editor widget

Apply the link in the text editor widget
  1. In the Text Editor we select the text to which we want to apply the popup opening link.
  2. Click on the Insert/Edit a link tool (Ctrl+k).
  3. Then we press Ctrl+V to paste the link, taking into account that we have previously copied the link with Ctrl+C.
  4. All that remains is to click the Update button and test our popup opening link.

Applying a link to the text of a post with the Gutenberg editor

We can apply it not only to a text, but also to a button or any element that supports adding links.

Apply the link in gutenberg
  1. We open an entry in the Gutenberg Editor and select the text to which we want to apply the popup opening link.
  2. Click on the Link tool Ctrl+K.
  3. Then we press Ctrl+V to paste the link, taking into account that we have previously copied the link with Ctrl+C.
  4. All that remains is to click the Update button and test our popup opening link.

Apply link in WordPress menu

Enable popup link in wordpress menu
  1. Open the menu from Appearance > Menus.
  2. Click on the Custom Links drop-down and paste with Ctrl+V the internal link of the popup and type a name in Link Text.
  3. Finally we click on the Save menu button.

Now you know how to apply the popup window opening link anywhere on your website.

“It doesn’t work, my pop-up window doesn’t appear.”

  • Checks if the popup window can be triggered by Elementor’s dynamic action link. If it doesn’t activate, then there must be something wrong with your popup settings, not the activation URL.
  • Make sure that you have correctly configured the“Display conditions” of the pop-up window. Otherwise, your pop-up window will not appear.
  • Make sure you have correctly copied the activation URL into your link.
  • Check if there is a javascript error that may be caused by other plugins (see Developer Tools > Console of your browser).
  • If you have not set up your own link, the activation URL only works with the tag <a>. To activate the opening trigger, Elementor uses a Javascript code that only detects the link in the <a> tag.

Links of interest

Suscríbete a Elementor Academy

Subscribe and receive notices of new content

Related topics

No related topics found
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
Scroll to Top

Generate effective SEO texts with AI to rank your website on Google

Generating effective SEO texts is essential to position our website in Google. It is important to follow the rules and create original and interesting content, both in text and video, and to have branded profiles on social networks. We must also pay attention to the structure of the content and links, as well as the spelling quality. With keyword research, copywriting and optimization of the URL, title and meta description we can create a good SEO text. The generation of internal and external links and the analysis of results are also key to improve our strategy.

Importance of SEO positioning in Google

Positioning in Google is fundamental in any digital strategy. It is important to note that there are two different types of results: SEM results and SEO results, the latter generating an ROI of 20%.

SEM vs SEO Results

SEM results are those achieved through advertising on Google, while SEO results are those achieved by optimizing the website to appear in Google’s top search results.

20% ROI

The fact of achieving a 20% ROI thanks to SEO actions is an indicator that this strategy is very efficient compared to others.

Google standards and creativity in content creation

It is important to follow Google’s rules when creating content, however, we must not neglect creativity and originality in the creation of interesting and valuable content to improve our SEO.

Content creation for SEO

The creation of interesting and original content is key to improve the positioning of our website in Google. Here are some keys to creating effective content on different platforms.

Video content on YouTube and Instagram

Video content is becoming more and more relevant in SEO content strategy. YouTube and Instagram are two of the most widely used platforms for sharing branded videos, although each has its own particularities. It is important to take these differences into account and adapt the content according to our needs. On YouTube, for example, videos should be longer and more detailed, while on Instagram, shorter and more eye-catching videos can be used.

Brand profiles in social networks

Having a presence in social networks is essential to maintain a good SEO positioning strategy. These brand profiles must be consistent with the content of our website and be active with regular publications. In addition, it is important to use keywords in the biography and use attractive content to invite users to visit our website.

Content structure, internal links and spelling

Content structure is one of the most important elements when creating content for SEO. The title hierarchy from H1 to H4 must be taken into account and follow a logical order in the content structure. It is also essential to include both internal and external links to improve the navigation and authority of our website. Finally, we must not neglect the spelling and grammar of the content, as they can negatively affect the quality of our website and therefore harm the positioning in search engines.

Keys to good SEO copywriting

To achieve a good SEO positioning in Google and improve the traffic to our website, we must take into account certain keys in the writing of our contents. These include:

Keyword research

Before writing SEO copy it is important to do keyword research. We must choose those words that are related to our content and that have a high search volume but at the same time have low competition. This will help us to better position our content in search results.

Text structure and linkbuilding

The structure of the text is key in writing a good SEO text. We must structure it with H2, H3 and H4 subtitles and use internal links that redirect to other contents of our website and external links to other sources of information related to our sector. This will contribute to increase the authority of our website and improve our positioning.

URL, title and meta description writing and optimization

The wording of the URL, the title and the meta description of our content are also important factors in SEO positioning. We must create a simple and descriptive URL, a catchy title and a meta description that summarizes the content clearly and concisely. In addition, we must include in them our keywords in a natural and coherent way.

We should not be overly obsessed with optimization per se, but focus on creating valuable, interesting and compelling content for our audience. All this will help us to improve our SEO positioning in Google and to generate quality visits to our website.

Internal and external link generation and results analysis

The generation of internal and external links is essential to improve the SEO of our website. Internal links help to distribute the value of the pages of our website, which improves the SEO of all of them, while quality external links bring authority and relevance to our website, which helps it to rank better.

Analysis through tools such as Google Analytics and Search Console

To measure the success of our SEO strategy we must analyze the data obtained through tools such as Google Analytics and Search Console. These tools allow us to know the traffic of our website, its origin, the keywords used by users, the average duration of the visit, among other aspects. In this way, we can detect and correct possible errors that are affecting our position in Google. In addition to these tools, there are other advanced options that allow us to improve the efficiency of our SEO strategy. Some of them are Ahrefs, Moz or SEMrush, which offer detailed statistics on the performance of our page and allow us to know in depth the competition.

SEO content writing services

If you don’t have enough time or resources to create quality SEO content, there are SEO content writing services that can help. These services have teams of professionals who are responsible for creating SEO-optimized content that meets all standards and is attractive to users. In addition, these services can help you research keywords, generate links and optimize your URLs, titles and meta descriptions, among other things. With the help of these services, you can significantly improve the position of your website in Google and increase traffic and quality visits.

Tips to improve the SEO positioning of our website

To improve the SEO positioning of our website, it is important to follow certain tips to achieve greater success in Google:

Think SEO when writing texts

It is essential to keep keywords and SEO optimization techniques in mind when writing any type of content, never forget this.

Knowing our target audience

It is important to know our target audience in depth, to know their needs, their interests and their behavior, so we can create content that is attractive to them.

Image optimization

Images are an important factor in SEO positioning, as they can attract users and improve the duration of their visit on our website. It is necessary to optimize the images in terms of size and weight and choose appropriate file names with the keywords of our niche.

Quality design and content

We must take care of the design of our website so that it is attractive and easy to use for the user, so that they spend more time on it. In addition, the content must be interesting and relevant to have a chance of being shared on social networks.

This is a pop-up message

Elementor has a popup message builder that you can find in the Templates menu.

Plantillas > Mensajes emergentes


Enter your access data