Articles in this category

How to create anchor points on your website?

Have you ever noticed the Anchor feature under the link option in Elements’ Settings and the Anchor Page on the Pages App on the Dashboard? Here and now we are going to look into how to use this feature with a bang!

Anchor Page

The Anchor page is visible in the Navigation of your website and will redirect your site visitors not only to a page, but to some particular point on it. You can create an Anchor Page by going to the Pages App on the Dashboard and clicking the plus icon. Now hit ‘Anchor’ and you’re good to go!

Once you have chosen the Page type, you will be asked to select the Anchor Point (make sure to navigate to the page you want to set it on first). 

In order for the anchor point to be visible in your site's navigation bar, it has to be added to the Main Pages card.

Almost done! Now you need to set the Anchor page name, which will be visible in the address bar of your browser, and set the Device Visibility. You’ll also have the option to switch the page from Main to Secondary in case you’ve changed your mind.

And the very last step: changing the page Title.

To remove the Anchor page, just hover over it to hit the ‘Trash’ icon. 

Anchor Point

Hope everything is clear with the Anchor Page, let’s get to the Anchor Point.

Basically, it performs the same functionalities described above, except it can be set on Elements like Images, Text, Icons, Buttons.

All you need to do is right-click on Element, choose the Edit Link or Link option and opt for the Anchor tab. Everything is pretty clear from that point, as you only need to follow the on-screen instructions to create an Anchor. 

All you need to do is decide the point you want to move your visitors to when hitting the specific element on your page and set the Anchor respectively.

And don’t forget to set the Anchor Name. To edit the anchor point for the Text element you will need to remove the link and add a new one, while in the case of an Image, for example, you can edit it by clicking on the linked Element and Editing the link.

A tip for those who forgot which text Element they have set the link to: the Text turns lilac and changes to green when you hover over it.

Did you find this resource helpful?
Return to top
Ready to get started
with Subbly?
Try for free