Linking Pages and Blocks
How to link blocks and pages within the Softr app.
Page Linking
"/pathOfAnotherPage"
To link to another page on your website, use "/pathOfAnotherPage" format. The path of the page can be found in Page Settings => General => Url.
Example: If you have an "FAQ" page with url "/faq", then you should use "/faq" as a reference.
NOTE: To link to your homepage, simply use "/" as a reference.
![Page URL](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F85406776-5167-48d6-bed8-eb097195a93e%2Fpage-url.png?table=block&id=f61b260f-1588-4d51-8f19-a0caeddb35e2&cache=v2)
Block Linking (also called Anchor Links)
Block linking allows you to link to a specific block on a page. When clicking on the link, it will scroll to a specific block on the same or another page.
The block name can be found (and edited) inside the header of each block settings and is also prefixed by a # (see below).
![Pricing block name](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F459200c1-2228-4935-974c-33e0eef30ba6%2Fpricing-block-name.png?table=block&id=1b2e795a-5a72-428c-9e31-c69adab63875&cache=v2)
To link to a specific section on the same or different page, you can use the Scroll to section option available for buttons and choose the required section as shown below.
![Linking to a specific section of the page](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fbd2e4876-db2f-48cc-8936-7c50447a94fb%2Fanchor-link.png?table=block&id=10f101eb-d9b1-4460-83a3-59594bf20563&cache=v2)
External Website Linking
"https://www.example.com"
To link to an external website, you simply enter the URL into the link field using the following format "https://www.example.com".
Last updated on December 6, 2022