Step 1: Create an anchor tag using a code block

Add a code block where ever you want to navigate to and paste the code below.

Change “here” to your own tag or “unique id.” Keep in mind the purpose of the tag and make it relevant. Also note this is case sensitive.

<div id="here"></div>

Step 2: Add your anchor link

Now add a regular hyperlink anywhere on the page.

Start with a # and use your anchor tag.

In this example, it would be “#here”

Step 3: Make it scroll smooth

Go to your custom CSS and paste the code below to make your link scroll smoothly down the page.

html {
  scroll-behavior: smooth;
}

How to add anchor links to your navigation

You can use anchor links to create a one-page navigation.

Meaning, every link in the nav takes you to a different section of the page.

Create a link in your main navigation.

Follow step 2.

How to link to anchor links on other pages

You can also link to anchors tags on other pages using the page url and the tag together.

Here’s an example.

/your-page#here