Find a Section ID on Squarespace

If you want to add code to your Squarespace website you’ll need to know the section ID of the section you want to customize.

The easiest way to find it is by using the Squarespace ID Finder.

Watch the video

Check out the YouTube video below 👇

It’s free of charge and all you need to do is install it on your Google Chrome.

Then when you need to find a section ID, simply head to the relevant section of your website, click the ID Finder icon to activate it and then click on the relevant section on your website.

This will bring up all the IDs for your page, section, collection, and blocks.

Finding Section ID on Squarespace

Simply click on the section ID for the section you want to target and this will automatically copy the ID (it’s a collection of random numbers).

Then all you need to do is paste the section ID into your custom CSS box to target that section with your code.

Simple!


📩 Join the inner circle to get exclusive code updates


Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.


Want more?

Sam Crawford

This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.

Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.

https://bycrawford.com
Previous
Previous

Leaving Comments on a Figma File  [Quick Guide]

Next
Next

Find a Collection ID on Squarespace