Website Building » Squarespace » How Do I Find My Squarespace Section ID?

How Do I Find My Squarespace Section ID?

Last updated on December 27, 2022 @ 6:03 pm

There are a few different ways that you can find your Squarespace section ID. The first way is to simply look at the URL of the page that you’re on.

The section ID will be in the URL after the /#/. For example, if the URL of the page is https://www.Squarespace.com/template-gallery/#5d93713c2c7a530001ebefbf, the section ID would be 5d93713c2c7a530001ebefbf.

Another way to find the section ID is to inspect the element on the page. To do this, you can right-click on the element and select ‘Inspect Element’ (this may be different depending on what browser you’re using). Once you’ve inspected the element, you should see something similar to this:

<div data-content-field="site-header" data-collection-id="5d93713c2c7a530001ebefbf" data-edit-mode="true" id="yui_3_17_2_1_1567227928960_325">

The section ID will be the value of the 'data-collection-id' attribute. In this case, the section ID would be 5d93713c2c7a530001ebefbf.

Once you have your section ID, you can use it to Target that specific section with CSS or JavaScript. For example, if you wanted to hide a certain element on just one page, you could use this CSS:

#yui_3_17_2_1_1567227928960_325 .element {
  display: none;
}
PRO TIP: The following article, 'How Do I Find My Squarespace Section ID?', provides instructions on how to locate your Squarespace section ID. While we believe this information to be accurate and helpful, we caution you to use it at your own risk. SquareSpace is constantly making changes to their platform, and the information in this article may become outdated or incorrect without notice. As always, when working with code, be sure to have a backup of your site before making any changes.

Conclusion:

So, How Do I Find My Squarespace Section ID? There are a few different ways that you can find your Squarespace section ID. The section ID will be in the URL after the /#/. To do this, you can right-click on the element and select 'Inspect Element'. Once you've inspected the element, you should see something similar to this:

<div data-content-field="site-header" 
data-collection-id="5d93713c2c7a530001ebefbf" 
data-edit-mode="true" id="yui_3_17_2_1_1567227928960_325">

The section ID will be the value of the 'data-collection-id' attribute.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.