How do I create anchor links?

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.

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.

在社交網絡上分享它

今天開始使用Elemenor

加入數百萬專業人士,使用Elementor更快、更好地構建WordPress網站

本頁內容