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;
}
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.
You can also link to anchors tags on other pages using the page url and the tag together.
Here’s an example.