How to set up an anchor

In this article, you will learn how to set up an anchor on a page to be redirected to a specific position on a page.

You will need :

an active systeme.io account
a sales funnel
a 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 text.

For this method, go to the page editor, add an HTML element just above or below the location you want the button to redirect, and enter the code <div id=" whatyouwant "></div> in the HTML (number 1 in the image).

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

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

Then, copy the page's link (number 3 in the image).

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

Now, when someone clicks on the button, they'll be redirected down to the HTML anchor.

2. Using the ID attribute tool of an element :

The first thing to do is to take the ID attribute of the element of the page to which you want to redirect the visitor when they click on a button on the same page.

Click on the element to display its settings in the left pane of the editor and scroll down to copy the ID attribute (i.e. "row-a9ff7531").

Then, copy the page's link as described in part 1 (number 3 in one of the previous images).

Once the link has been copied, add a button at the top of the page. In the pane on the left side of the editor, paste the URL into the URL field, followed immediately by #AttributeID, that is #row-a9ff7531 (number 5 in the image).