Anchors

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.