Pop Up Image

Get the Full PDF guide to creating an online store with WooCommerce (88 pages) for FREE

A comprehensive database for everything WordPress related.

TOP
WPKlik Logo Newsletter

Sign up and receive a free copy of How to Create an online Store with WooCommerce (full guide)

How to Set Up Elementor Anchor Links

How to Set Up Elementor Anchor Links the Easy Way

Elementor anchor links are very easy to set up. What are they, though?

Simply put, an anchor link is a link which does not lead you off the page you are on, but instead to a different section of the page. They are especially useful for navigating long sections of text, and are often, for instance, used in tables of contents to take the readers to different headings.

So if you think your pages would benefit from this kind of on-page linking, and if you are using Elementor page builder, you are in luck. Your page editor (free version, too) has a special element perfectly fit for the purpose – the Menu Anchor element.

Let’s Get Down To Business

To set up an Elementor anchor link, simply find the Menu Anchor element in Elementor’s sidebar menu.

Menu Anchor shortcode

Next, you need to drag the element to where you want the link to lead. An anchor can be set up anywhere on the page. It will not be visible to users, but you will be able to find and configure it.

Add Anchor

Once placed, name the anchor. An anchor can be named anything, provided that it is an unspaced combination of letters and digits. You may use upper or lower case. You may not use spaces, but dashes ( – ) and underscores ( _ ) are allowed. So, “anchor name” is not a valid anchor name, while “anchorname”, “anchor-name”, and “anchor_name” are.

Anchor Name

What you then need to do is set up the anchor’s link. Any element which can carry a link can link to the anchor: text, image, button, menu… While a regular link generally consists of a full URL, linking to an anchor looks a little different.

First, choose an element which you wish to link to the anchor. A link is set up in your chosen element’s link field by inputting the anchor’s name preceded by #, as in #anchorname, or, in the example below, #best. In the image below you can see what it looks like for a paragraph…

Call anchor

…and this is where you can see what it looks like for a button.

Button anchor

In Conclusion

Not only does this simple and elegant function make your web page easily navigable, you can also use this function to point your visitors to where you want them to go, such as a newsletter subscription section, shop, or a map to your premises. With Elementor, setting up anchor links is visual and easy.

We hope this article was helpful. If you liked it, feel free to check out some of these articles as well!

Newsletter

WordPress perfection at your fingertips.

If you enjoyed this article, feel free to subscribe to our newsletter using the form below. You can also follow us on Facebook and Twitter and subscribe to our YouTube channel for WordPress video tutorials.

Leave a Reply