Search

Snippets and Custom Code

Super App

Super Status

Request features

Go to super.so

How to link to a part of a page using Notion Buttons

How to link to a part of a page using Notion Buttons

Using block ID in Super

If you want to add a link in your page 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.

  1. Open your Super site page in your browser
  2. Open the developer tools for the browser and use the web inspector to highlight the section of the page you want to link to.
  3. From the code inspector part of the developer tools, look for the id part of the code and copy the block-1230981238012938 sequence

Here I have selected the paragraph I want to link to and found the block ID in the highlighted line of code:

image
  1. 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.

  1. Go to Notion, and type /button
image
  1. Click New Action>Open page, forms or URL> Then, paste the link: https://super.so/#block-58b91a98a5b146e5a54791ac350ddbf9
  2. Click Done and refresh your Super Dashboard preview
image

Here's the overall steps:

image