How To Link To A Section In Elementor (Without Elementor Pro)

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

Linking to a Section in Elementor is a bit tricky.

Given below are the steps to link to a Section in Elementor:

  1. Edit the page with Elementor on which you have the Section.
  2. In the left-side Elementor panel, scroll down to the General widgets group.
  3. Drag-and-drop the Menu Anchor widget just above the first widget in the Section that you want to link to.
  4. Set some ID for the Menu Anchor widget in the field called “The ID of Menu Anchor”.
  5. Now, edit the widget from which you want to link to the Section.
  6. Set the Link field of the widget to “# + the ID of the Menu Anchor” that you set in step #4.
  7. Save your changes.

Let’s take a detailed look at each of these steps now.

How To Link To A Section In Elementor Using The Menu Anchor Widget

First, edit the page with Elementor on which you have the Section.

Once Elementor is active, scroll down in the left-side Elementor panel until you see the Menu Anchor widget.

Menu Anchor widget

Now, drag-and-drop the Menu Anchor widget as the first widget in the Section to which you want to link to.

Set ID of the Menu Anchor widget

The Menu Anchor widget settings will display on the left-hand side. Set an ID for the Menu Anchor widget using “The ID of Menu Anchor” field. You will use this ID to link to the Section later on.

In the above image, you can see that I have set “video-tour” as the ID of the Menu Anchor.

Now, edit the widget from which you want to link to this Section. Then, set the Link field of that widget with the following text:

# + the ID of the Menu Anchor widget.

In the below image, you can see that I have set the Link field of the Button widget to #video-tour.

Link to the Elementor Section

Save your changes.

And that’s it!

Now, whenever someone clicks on the button, they will be taken to the Section.

In this tutorial, I have used the Button widget to link to the Section, but you can use any other widget too that has the Link field. Or you can just use the Text Editor widget and create a hyperlink to the Section using the ID of the Menu Anchor.

Alright!

Related Further Reading:

Video Tutorial

Download Website Builders’ Toolbox


What Next?

Play around with this method for linking to other sections on the page.

You can also use this same method to link a menu item to a Section in Elementor.

And as always, if you found this tutorial useful, then please share it with your friends. I will really appreciate it.

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *