How Do I Create Anchor Links? » Elementor

help center

Search
Close this search box.
On this page

How do I create anchor links?

Last Update: April 16, 2024

What are anchor links?

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. 

Creating an anchor link

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.

Linking to the anchor link

  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.

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

Black Friday 30% Platinum
Did you know...?
You get a 30 day
money back guarantee

You have nothing to lose – but a great deal!

days
hours
minutes
seconds