How to Add an Anchor Link in WordPress Elementor (3 Simple Ways!)

How Anchor Links Work in Your Web Pages

Anchor links are internal links on a web page that let visitors click and jump straight to a specific part of that page. These clickable links help keep users focused and save time because they don’t have to scroll to find relevant content.

Clicking an anchor link takes a visitor right to a spot on the page. This navigation process is quick and easy, helping users get right to the information they want.

Putting anchor links on your page helps people get around your site and is good for search engines too. When you pick the relevant anchor links, you make it clear what kind of content the visitor will see, which helps your page show up in searches.

Benefits of Using Anchor Links

Now let’s talk about the ultimate benefits of anchor links for a website, blog, or any online content:

• Anchor links can help your website show up faster in search engine results. That’s why the links you use are important.
• If search engines see your anchor text has links to good content, your blog or page can move up in the rankings fast. But if you use irrelevant anchor links that don’t match your content, search engines might not show your site in search results.
• Google can consider using these anchor tags when showing search results. This can make more people click on your website naturally because they find helpful info that wasn’t in your site’s meta description or title.
• For visitors, finding what they need quickly after clicking a link makes visiting your site a better user experience.

1. How to Add an Anchor Link in Elementor Page Builder

Step 1: Select the Page in Elementor Editor

1. Open your WordPress site and log in to your dashboard.
2. Navigate to the page where you want to add anchor links.
3. Click on “Edit with Elementor” in the top menu bar to open the page in the Elementor editor.

Step 2: Search for the Menu Anchor to Add an Anchor Tag

1. On the left-hand side of the Elementor editor, you will find a sidebar with various elements and widgets.
2. In the search bar at the top of the sidebar, type “anchor” and hit Enter.
3. Look for the “Menu Anchor” widget in the search results. It is represented by an anchor icon.
4. Click and drag the Menu Anchor widget to the desired section of your page.

Step 3: Start to Add an Anchor Link with Menu Anchor Widget

1. In the Menu Anchor widget’s settings panel on the left-hand side of the Elementor editor, you will find a “Content” area.
2. Enter the name of the section you want to link in the “Content” area. For example, if you want to link the “About Us” section, enter “about_us”.

3. Next, choose the element or text within the section that you want to link. This will be the clickable area that users can click on to navigate to the anchor link.
4. Once you have chosen the element, you can customize it further using the various customization options available in Elementor.
5. Now, it’s time to replace the default button link with the anchor link. Simply erase the default link and replace it with a hashtag (#) followed by the name you entered in the previous step. For example, if you entered “about_us” as the name, the anchor link will be “#about_us”.
6. Don’t forget to save your changes by clicking the “Save” or “Update” button.
7. Finally, check the page you edited. Click on the anchor button, you will immediately see “about us” at once.

2. How to Add an Anchor Link to Any Text Element

To add an anchor link to any text element in Elementor, follow these simple steps:

1. To put anchor links in your website, just click on a text box in the Elementor Editor.
2. Pick the text you want, and click the link option in the block’s toolbar. 
3. If you want to make a link that takes visitors to a certain spot on your page, use the Menu Anchor element’s link.
4. When your visitor clicks on it, they’ll go right to the section you want them to see.

3. How to Add an Anchor Link in Elementor with WordPress Menu

1. Start by creating the anchor in Elementor using the Menu Anchor widget. Place the widget in the desired section of your page and give it a unique ID or name.
2. Once you have created the anchor, go to your WordPress dashboard and navigate to Appearance > Menus.
3. In the Menu Editor, select the menu where you want to add the anchor link. In the Custom Links section, click on the “Add to Menu” button.

4. In the URL field, enter the anchor ID preceded by a hashtag (#). For example, if the anchor ID is “about-us”, the URL should be “#about-us”.
5. Add the link text in the Link field. This will be the clickable text that appears in the menu.
6. Click the “Save Menu” button to save your changes. Your anchor link will now be added to the WordPress menu.

Final Thoughts

Congratulations! You have learned how to add an anchor link in Elementor by using the Menu Anchor element and linking text from the Elementor Editor, as well as in the WordPress menu. Just remember, don’t add anchor links without a plan. They’re a great way to get more people to interact with your web pages. You need to figure out which parts of your page are the most important. Then, choose the right anchor text that goes with your link. 

Now, if you find all this information about managing your website overwhelming, we are here to help! If you don’t have time to keep your website updated, you can reach out to us for website support. We can take care of your site, so you can focus on other important things. Get your WordPress Support from 1dea today!