This extension displays the collection and block IDs on Squarespace pages to use in custom CSS
This extension makes it easy to find the Collection (page) and Block IDs on Squarespace sites, so you don't have to dig through the source code to find them.
Click on the ID overlay buttons to automatically copy the ID to your clipboard.
This is useful when writing custom CSS for specific pages on Squarespace without wanting to code in Developer Mode.
Enjoy!
Latest reviews
- (2021-12-05) L Poppy: Cannot get this to work at all.
- (2021-07-28) Patricia Dowdy: Doesn't work for me at all.
- (2021-02-24) Melissa Gaviria: Very useful! The only thing not working correctly so far is the copy to clipboard functionality, as I have to click several times for it to work, and when it does, it opens the edit mode, so I have to go back after coping the ID. I'm on a M1 MacBook Air, maybe that's why.
- (2021-02-04) nick du preez: Was great until it stopped working
- (2021-02-02) Spencer Whiteman: It seems as if clicking the block id copies the id and you can't seem to "uncopy" it. I've tried clicking other block id's and the first one I ever have clicked stays copied to my clipboard. Now I am manually typing in the id for the other blocks if I want to target them, not sure what that bug is all about.
- (2021-01-20) Esther Arias: I loved this extension, but suddenly it stop working :((((((((((((
- (2020-11-29) Kitley D: OMG. This is a lifesaver and must-have if you use Squarespace. As a graphic designer, trying to customize my portfolio website in Squarespace was driving me nuts! But this is just so so so helpful to find the block IDs so I can make my changes in the Custom CSS. Thank you so much!
- (2020-09-21) Kerryn Bolton: Not working in Squarespace 7.0
- (2020-06-30) Jeanne Marcarelli McCann: Doesn't work with squarespace 7.1
- (2020-03-11) Victor Saporta: appears broken with squarespace 7.1
- (2020-02-13) Tom Delor: this extension is broken now, it doesn't show anything
- (2019-12-12) Elisabeth Freitag: Wirklich super und auch für Laien geeignet!
- (2019-12-08) Kate Scott: I'm a Squarespace designer and this extension makes doing my job SO MUCH EASIER. Honestly, it's just the best thing ever. My heartfelt thanks to the developer.
- (2019-08-09) Andy Barr: Brilliant. Very useful. Thanks.
- (2019-06-20) Arizona Filmes: Thanks, great time saver!
- (2019-04-29) Sam Jordan: One of the best extensions ever made for web designers. Such a useful, elegant solution.
- (2019-04-27) Kerstin Martin: BEST TOOL EVER. And I rarely shout about stuff. Thank you so much for developing this and for your generosity in offering it for free!
- (2019-01-24) Sean Sweeney: This is a MUST HAVE for an actual enjoyable experience customizing your site. Please make this for Firefox!
- (2017-11-24) Dan Kirk: Immensely helpful when customizing Squarespace sites for yourself or clients. Thanks Brian C!
- (2017-11-21) Lesley Olley: This saved me such a lot of faffing around looking for block IDs! Thanks!
- (2017-08-10) Marshall B: Such a time saver!
- (2017-01-13) Curtis Miller: Can't believe I'm just finding this now! Does exactly what it was designed for. Now if there is an extension that displays the element class identifier to use in the CSS editor that would be priceless.
- (2017-01-12) Chris Gannon: Sometimes you just want something to do one job brilliantly. This does that.
- (2016-07-26) Anastasi Kotoros: this is perfect. thanks.
- (2016-02-23) This makes it so much easier to make css changes to my Squarespace site... even for a newbie like me. I'm not a developer, I'm just someone who knows how to Google the code I'm looking for. This makes it even easier to add code to my Squarespace site without needed to hire a developer.
- (2015-10-16) Tiki Horea: Great stuff! Invaluable tool for doing Custom CSS changes to your Squarespace website.
- (2015-09-11) Lars Rodvaldr: Excellent little tool for finding IDs in Squarespace. Makes writing custom CSS so much easier.