top of page


Anchors can be added to any element on your site so that you can link directly to them. You can link elements such as buttons to anchors so visitors are redirected to another location on a site, or create anchor menus to help users navigate longer pages.

Adding an anchor

You can add an anchor to any element on a site, including sections and containers. Start by selecting the element you want to add an anchor to. From the Inspector panel under Anchor, turn the toggle on. Once it’s enabled, name the anchor so you can identify it.

Linking to an anchor

Once you’ve added an anchor, you can link elements such as buttons, images or text to it. When visitors click on the linked element, they’re redirected to where the relevant anchor is on the site. 

To link an element to an anchor, select it and choose the Link option from the floating action bar. Choose the anchor option from the list. Then select which page the anchor is on from the dropdown. In the second dropdown that appears, find the name of the anchor you created and select it. 

Note: You can link elements on one page to anchors on a different one.

Adding an anchor menu

Anchors can be displayed in an anchor menu that remains fixed in view as visitors scroll down a page. If you have a particularly long page with a lot of sections, anchor menus are useful for helping visitors navigate more easily. 

You can add an anchor menu from the Add panel. Choose from several pre-designed options under Menu & Search, and drag one onto the canvas. Note that the Position type of the anchor menu is automatically set to Pinned, so it remains in the viewport as you scroll through the page. 

Managing an anchor menu

With the anchor menu selected, choose Manage Menu from the floating action bar. From there you can control which anchors to display in the menu, and rename them as needed. There’s also a pre-made option to link to the top of the page.

Designing an anchor menu

You can control the menu’s appearance from the Design tab in the Inspector panel. From there you can adjust the style, color, fonts and more of the menu items in both the regular and clicked states. Change the text alignment by clicking on the Layout icon from the floating menu while the menu is selected.


Custom menus


Custom menus

Creating a unique custom menu at each breakpoint


Creating a unique custom menu at each breakpoint

Creating a sliding menu using Velo


Creating a sliding menu using Velo

Was this lesson helpful?

Thank you for your feedback!

How can we improve?

Thanks for submitting!

Explore more topics

Additional resources

Visit our help center

Ask the community

Hire an expert

Contact customer care

bottom of page