Studio Editor: Adding and Using Anchors
3 min
In this article
- Adding an anchor
- Adding an anchor menu
- Linking to an anchor
- Frequently asked questions (FAQs)
Anchors allow you to link directly to an element, making it even easier to highlight and direct visitors to important content on your client's site. When you add an anchor, you can link to it in 2 ways:
- Link elements: Link elements (e.g. buttons, text, etc.) to an anchor. When visitors click the element, they're directed to the anchor.
- Display them in an anchor menu: Display anchors in a dedicated menu to let visitors navigate around a page.
Adding an anchor
Add an anchor to sections, containers, and elements. We recommend giving your anchor a unique name so it's easily recognizable.
To add an anchor:
- Click the element you want to add an anchor to.
- Click the Open Inspector icon at the top right of the editor.
- Click the Anchor drop-down.
- Enable the Add an anchor toggle.
- Enter the anchor name into the field.
at the top right of the editor. 
Note:
It is not possible to add an anchor to global sections, or elements attached to global sections.
Adding an anchor menu
Display anchors in a floating menu that is always visible when visitors scroll through the site. Anchor menus give site visitors the option to access the content they need - no matter where they are on the page.
Tip:
Anchor menus are particularly useful on one-page sites that are very long with several sections.
To add an anchor menu:
- Click Add Elements on the left side of the editor.
- Select Menu & Search.
- Click Anchor Menus.
- Click the menu you want to add it, or drag it to the relevant location on the page.
on the left side of the editor.
Linking to an anchor
Linking specific elements (e.g. images, buttons, and text) to anchors is a great way to direct visitors to content relevant to where they are on the site. When a visitor clicks the element, they're brought directly to the anchor.
To link an element to an anchor:
- Click the element you want to link from.
- Click the Link icon .
- Select Anchor.
- Click the Which page? drop-down, and select the page that contains the anchor.
- Click the Which anchor on this page? drop-down, and select the relevant anchor.
- Click Done.
.
Frequently asked questions (FAQs)
Select a question to learn more about working with anchors.
Do viewports affect anchors?
Can I link an element to different anchors on different breakpoints?
Why does my anchor menu show different items on different pages?
