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 :


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


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-88101387. (number 5 in the image)


Updated on: 05/06/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!