help center

On this page

How do I create anchor links?

Last Update: August 17, 2023

If your page is long, you may want to create links to specific headers or other parts of the page. These are called anchor links. They are essentially internal links within the page. 

First we’ll create an anchor link, a spot where you can link to:

  1. Select an element (widget, container, section).
  2. Click the Advanced tab
  3. Fill in a name in the CSS ID text box. This is the anchor name so it’s best to keep it simple. Only letters, numbers, hyphens and underscores are allowed. Do not put a # before the name.
The Advanced tab with CSS id emphasized
Find the CSS ID text box and name your anchor.
  1. Select the text you want for the link.
  2. Click the link icon
  3. If you’re linking to an anchor on the same page, simply enter # and then anchor name (e.g. #Intro). If the anchor is on a different page, enter the URL followed by # and then the anchor (e.g. www.mysite.com/myarticle#Intro).
The link menu in the panel.
Creating an anchor link in the panel.
Create an anchor link on the canvas
You can also select text and create a link on the canvas.

Next steps

Now that you know how to create anchor links, learn more about custom link attributes or check out how you can change the color of your links.
To get the most out of Elementor, check out the Elementor Academy and our YouTube channel for helpful learning resources. If you come across any issues or need help, please contact our Support Center.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article