Articles on: Editor

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).

Updated on: 30/05/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!