Buy me a coffee

How to Link to a Section in Squarespace

If you want, when users click on a link/button/image >> It will scroll down a section (current page, or another page) on Squarespace, you can follow these.

#1. First, edit the section you want to scroll to > Add a Code Block

How To Link To A Section In Squarespace 01 Min#2. Paste this code into Code Block

<div id="contact"></div>

How To Link To A Section In Squarespace 02 Min#3. Edit Link/Button/Image (when users click this link/button/image >>> browser will scroll to the #2 section)

and Paste the below url. Here we have 2 cases again.

  • Link/button/Image – Section in Same Page
  • Link/button/image – Section in 2 different pages.

#3.1. Both in the Same page

You can use this URL. Make sure the option “Open link in New Tab” is disabled.

#contact

How To Link To A Section In Squarespace 03 Min

How To Link To A Section In Squarespace 04 Min

How To Link To A Section In Squarespace 05 Min#3.2. Both in 2 different pages

Suppose Section (with Code Block) on Page with URL: /pricing-packages

You need to use this URL to link/button/image/..

/pricing-packages#contact

How To Link To A Section In Squarespace 06 Min

How To Link To A Section In Squarespace 07 Min