How to add an anchor link to jump to a specific part of your page

In this article, you will learn how to set up an anchor link that takes visitors to a specific section of your page.

You will need:

• A systeme.io account
• A funnel
• An existing page

There are currently two ways to add an anchor on a systeme.io page.

1. Using HTML code:

Example: A footer anchor that takes you to the bottom of a long page.

For this method, go to the page editor, add an HTML element just above or below the location where you want the link to take the visitor. Then, enter the code <div id="whatyouwant"></div> in the HTML. (1)

Note: This code will not display anything on the page.

After entering your code, save the changes. (2)

Then, copy the page's link.

Finally, add a button at the top of the page, and in the URL field, paste the page link you just copied, followed immediately by #whatyouwant (3).

Now, when someone clicks the button, they will be taken directly to the HTML anchor.

2. Using an element's ID attribute:

First, find the ID attribute of the element you want to link to.

Click on the element to display its settings in the left panel of the editor and scroll down to copy the ID attribute (e.g., "section-d10b45b3").

Then, copy the page's link as described in part 1 (screenshot 3)

Once the link has been copied, add a button at the top of the page. In the panel on the left side of the editor, paste the link into the URL field, followed immediately by the #AttributeID (e.g., #section-d10b45b3) (4).