Search MailerLite
Start typing to search

No results

No results

How to use anchor links in landing pages and websites

An anchor link is a link that redirects the visitor of your landing page or website to another section of the same web page.

Anchor links come in handy if you have lots of content on your page and want to provide visitors with an easy way to navigate to certain parts of the page without having to scroll up and down looking for it.

  1. Open your site in the editor.

  2. Drag the Anchor block from the sidebar and drop it onto your page. The Anchor block won’t be visible on your published site. It simply provides an anchor to link to, so where you place your anchor block will be the endpoint of your anchor link.

  1. Click your Anchor block to select it and give it a name in the sidebar.

Note: When adding multiple anchor blocks, make sure to give them different names as you will need to be able to identify them in a dropdown menu later.

  1. Click Save.

Now it’s time to provide a link to your anchor! You can use your header navigation, button blocks, and even image blocks as a link to your anchor block. We recommend using your header navigation.

To enable header navigation (if it isn’t already enabled):

  1. Hover over your page header and click the pencil icon.

  1. In the sidebar click the Settings tab.

  1. Under Header layout select any option that includes Navigation. For example: Logo / Navigation / CTA. This option will provide you with navigation links in your header that you can link to your anchor block(s).

To link your navigation links to your anchor block(s):

  1. Hover over your page header and click the pencil icon.

  2. In the sidebar, click the Content tab.

  1. Under Navigation, you will find the links that appear in your header navigation. Click the pencil icon to edit each link’s settings.

  1. In the Title field, add the title you want to give your link.

  2. In the Link field, click the dropdown menu to change the link type to Anchor.

  1. Then select the Anchor block you want to direct that link to.

  1. Click Save changes.

That’s it! Your anchor links are now set up and ready to use.

Still have questions?
If you have any questions, feel free to contact us at A member of our support team will gladly assist you.