# How to Link to a Section in Squarespace

**URL:** <https://community.elfsight.com/t/how-to-link-to-a-section-in-squarespace/58236>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [June 23, 2024, 4:00am UTC](https://community.elfsight.com/t/how-to-link-to-a-section-in-squarespace/58236 "2024-06-23T04:00:22Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [June 23, 2024, 4:00am UTC](https://community.elfsight.com/t/how-to-link-to-a-section-in-squarespace/58236/1 "2024-06-23T04:00:22Z")

</div>

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**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/6/56107ccb8dfa783de08726dc71dfd69ffa548218.png)

**#2.** Paste this code into Code Block

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

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/2/129c08b465266fbdb4e5b4ef768176785d72f5a4.png)

**#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.**

```auto
#contact

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/1/418a6357759ef0714b231a1afe545d08c8031604.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/9/49c20435a8c2b7c573df23785ae2bcb3541239a9.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/3/13c8145b7ba0626d8eff44944f7da74f75dd1fe1.jpeg)

**#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/…

```auto
/pricing-packages#contact

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/3/f373ae9d7d51303d5771b84ad8a98d651b3c8e87.jpeg)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/f/5f69ce6501aebc74e16cb83ae3db43c6f44b8ae9.png)