Linking to somewhere on the page (anchor links) is a bit fiddly. Here's how to make it work.
Using block ID in Super
If you want to add a link from a Navbar or Menu, then you will need to use the Super URL and Block ID combination.
To link directly to a part of the page, you will need to find the block ID of the section you want to link to by using the developer tools and inspecting your Super site page's code.
- Open your Super site page in your browser
- Open the developer tools for the browser and use the web inspector to highlight the section of the page you want to link to.
- From the code inspector part of the developer tools, look for the id part of the code and copy the
block-1230981238012938sequence
Here I have selected the paragraph I want to link to and found the block ID in the highlighted line of code:
- Then, make a full URL with that block ID using the URL of the page followed by the block ID with a # hash tag in front of it. Eg in this example the URL would be: https://super.so/#block-58b91a98a5b146e5a54791ac350ddbf9
NOTE: When using this function on a subpage (e.g., /about-us), make sure to include the page name in the URL path. For example:
https://my-test-site-super.super.site/about-us/#block-2c5a50d5f2cc80bba01ac7cbf5da21b1
This ensures the link correctly targets the block on that subpage.
- Go to your Super account>Navigation>Navbar>Add Item>Paste the URL with block ID>Save Changes.
6.Go to your Live Site and hit refresh button
