Quickly find & copy ID of sections and blocks in Squarespace. Supports Fluid Engine & mobile queries
SquareSpace ID & class finder Extension
Allows to quickly find and copy IDs/classes of any SquareSpace page, section, or block.
Activate the extension with a button in the browser panel or with a hotkey (Alt/Option).
Allows to copy ids & classes: Header | Section | Fluid Engine | Regular block | Footer
✅ Supports Fluid Engine.
✅ Bigger click areas for easier copying.
✅ Hotkey activation to toggle IDs/classes.
-----
UPDATED v1.2
If you have any issues with the extension, please re-save the options!
Completely rewritten logic and functionality to work with Squarespace 7,1 and in the edit mode
🆕 Added:
- Squarespace version detection
- Edit and preview buttons
- Header / footer panel
- Additional breakpoint to fix blank space on mobile
- Squarespace 7.0 support
- Edit mode support
🛠️ Fixed:
Broken password screen with active app
Impossible to show IDs via extension icon
Read more
Activate the extension with a button in the browser panel or with a hotkey (Alt/Option).
Allows to copy ids & classes: Header | Section | Fluid Engine | Regular block | Footer
✅ Supports Fluid Engine.
✅ Bigger click areas for easier copying.
✅ Hotkey activation to toggle IDs/classes.
-----
UPDATED v1.2
If you have any issues with the extension, please re-save the options!
Completely rewritten logic and functionality to work with Squarespace 7,1 and in the edit mode
🆕 Added:
- Squarespace version detection
- Edit and preview buttons
- Header / footer panel
- Additional breakpoint to fix blank space on mobile
- Squarespace 7.0 support
- Edit mode support
🛠️ Fixed:
Broken password screen with active app
Impossible to show IDs via extension icon
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx",\t"background": {\t\t"service_worker": "/background.js"\t},\t"action": {\t\t"default_icon": {\t\t\t"128": "icon_128.png"\t\t},\t\t"default_title": "SquareSpace ID Finder"\t},\t"icons": {\t\t"128": "icon_128.png"\t},\t"name": "SquareSpace ID & class finder",\t"description": "Quickly find & copy ID of sections and blocks in Squarespace. Supports Fluid Engine & mobile queries",\t"version": "1.2",\t"manifest_version": 3,\t"permissions": [ "activeTab", "storage"],\t"content_scripts": [\t\t{\t\t\t"matches": [\t\t\t\t"*://*/*"\t\t\t],\t\t\t"js": [\t\t\t\t"/app.js"\t\t\t],\t\t\t"css": [\t\t\t\t"/style.min.css"\t\t\t],\t\t\t"all_frames": true,\t\t\t"run_at": "document_end"\t\t}\t],\t"options_ui": {\t\t"open_in_tab": true,\t\t"page": "/options.html"\t}}
Read more