Squarespace Toolbox by SQSMODS · tutorial

Installed a minute ago?Start here.

Every tool has a two line summary first, then the steps. Hotkeys are Option plus a letter on a Mac, Alt plus a letter on Windows.

Install and open

1

Buy it, then add it from the Chrome Web Store

Click the puzzle piece in Chrome's toolbar and pin Squarespace Toolbox, so the icon is always visible. Then right-click the icon, choose Options, enter the email you used at checkout and type the 6 digit code we send.

2

Open any Squarespace site's admin

The address ends in /config. The quick links bar sits at the top edge; hover it to open.

3

Click the Toolbox icon

The palette opens. Type a few letters of what you want and press Enter. esc closes it.

Red arrow on the icon? That tab was open before an update. Reload the tab once. Clicking the icon anywhere outside a Squarespace admin opens your Squarespace account page.

The palette

Tools first (Blog Tools, Event Tools, Page Tools, Devices, Asset Tools, IDs), then three everyday devices, then the admin shortcuts. Typing searches everything, including every device: iphone 17, ipad mini, studio.

Arrow keys move, ↵ opens, ⌘ ↵ opens a shortcut in a new tab. The palette has no keyboard shortcut of its own by default; to give it one, open Settings and click the shortcut button, which opens Chrome's shortcut page.

⌥ B Blog Tools
⌥ N Event Tools
⌥ E Page Tools
⌥ V Devices
⌥ D IDs
⌥ T Asset Tools
⌥ C Custom CSS
⌥ I Code Injection
⌥ P Pages
⌥ S Site Styles
⌥ A Asset Library
esc Close anything
Screenshot: the palette open with the Tools section showing

Blog Tools

Every post of a blog in one list, with one setting at a time shown beside each row. Change a row, or every row you can see.

1

Open Blog Tools

Palette or ⌥ B. If the site has more than one blog, pick one at the top.

2

Scan posts

One read per post, so a big blog takes a moment. Drafts and scheduled posts are included and stay unpublished.

3

Pick the field

Across the top: Search Console, Comments, Featured, Author, Categories, Tags.

4

Switches

Click a row's switch to flip that post. The row shows done when Squarespace has confirmed it. All shown on or All shown off applies to every row currently visible; narrow the list with the search box and the status filter first. The button asks you to click twice.

5

Author

Pick a name in a row, or pick one at the top and Set author on all shown.

6

Categories and tags

The chips on each row are the post's; click × to remove one, + to add. At the top, type a name and Add to shown or Remove from shown.

The list holds the 250 most recently updated posts; a bigger blog gets a note. Search Console reads off everywhere if the site is not connected to Google Search Console under Marketing › SEO.

Screenshot: Blog Tools, Search Console field, a mix of on and off rows

Event Tools

The same list for an events page: Comments, Featured, Categories, Tags. Open it with ⌥ N or from the palette, pick the events page, Scan events, and work exactly as in Blog Tools.

Page Tools

Every page, blog, shop and other collection from the Pages panel, grouped the way the panel groups them.

1

Open Page Tools and scan

⌥ E, then Scan pages.

2

Hidden

The hide-from-search flag. Flip a row, or All shown hidden or visible.

3

Password

Type a password in a row and press Enter to protect that page; clear the field and press Enter to remove it. At the top, type a password and Set on shown to protect every visible page; Clear on shown removes them.

4

Existing passwords

Shown as dots. Never changed unless you type a new one.

Screenshot: Page Tools with the password field

Devices

See the page on the device your visitor has, with that device's browser around it.

1

Open Devices on any page under Pages

⌥ V. The bar appears at the bottom.

2

Pick a device

Phones and tablets have a Portrait or Landscape button.

3

Browser

On by default: grey bands show where Safari, Chrome or the Mac menu bar sit, and the page gets the room that is left. The bar reads, for example, 402 × 717 in its browser, screen 402 × 874. Turn Browser off to see the page fill the screen.

4

Fit

Scales the device into your editor window; click it again for 100 percent. While you are editing a page the preview stays at 100 percent, so the editor's toolbars line up.

5

Off

Returns Squarespace's own view. ⌥ V again does the same.

Custom size: pick Custom and type a width and height. Your own frames: pick Add a frame from a PNG at the end of the list, choose the file, confirm the name and size; the screen area is found automatically. A frame you loaded shows a Remove button when selected.

Screenshot: iPad Air landscape with the Browser toggle on, Fit, the bar visible

Screenshots

1

Pick a device, leave edit mode, click Screenshot

Exit or Save at the top left of the editor first. A screenshot taken in edit mode includes the editor's own controls; the bar tells you so afterwards.

2

The PNG saves to your downloads

Named Site title - Device - WxH.png, for example Westmount Wealth - MacBook Pro 16 - 1728x1117.png.

3

What is in it

The page at the device's full screen, without browser bands, inside a photo of the device where one exists (iPhone, iPad, MacBook Air, MacBook Pro, Studio Display, Safari window) and inside a drawn outline otherwise.

The finished MacBook Air 13 PNG of a good-looking site

Quick links bar

Custom CSS, Code Injection, Pages, Site Styles, Asset Library and the tools, one click away on every admin page.

1

Show it your way

Settings › Shortcuts bar: Always on screen, On hover over the top edge, On hover over a small dot, or Off. Position left, center or right. Layout: drawer, slide-out, or dial in the corner.

2

Park it

Drag the dot to put the bar anywhere; the position is remembered per site.

3

Your own links

Click + at the end of the bar, give the link a label and an admin path such as /config/settings/domains.

4

Remove and put back

Hover a link and click its ×, or right-click a dial tick. To bring a link back, click + and pick it under Removed.

Section and block IDs

IDs for CSS targeting, shown on the page itself. Open IDs from the palette, the bar, or ⌥ D inside the admin: the labels appear over the editor's own preview, on the page you are looking at, published or not. Click an ID to copy it as a CSS selector; esc hides them. On a published site, ⌥ I on the live page does the same.

Screenshot: ID labels over a page in the editor preview

Settings and your plan

Right-click the Toolbox icon in Chrome's toolbar and choose Options, or click the gear in the bar. Changes apply the next time an admin page loads.

Your plan: Settings shows the email you are signed in with and when the year runs to. Sign out there to use another address. The same sign-in works on every computer you use Chrome on.

Troubleshooting

SymptomFix
Icon shows a red arrow, nothing opensThe tab predates an update. Reload the tab.
Blog Tools says it could not list postsReload the admin and scan again. If it repeats, Squarespace changed something; write to support.
Search Console column is off everywhereConnect Google Search Console under Marketing › SEO, then scan again.
A bulk change shows an error on some rowsThose rows were not changed. Scan again to see the current state; the rest went through.
The device preview is smallClick Fit.
Toolbars drift while editingExpected at any zoom other than 100 percent, so the preview stays at 100 percent in edit mode.
Screenshot shows blue outlines or Add SectionLeave edit mode first, then take the screenshot.
Screenshot failed: no answer from the extensionMake sure the admin tab is the active tab in its window and try again.
Option+letter does nothingClick somewhere on the admin or the page preview first so the tab has keyboard focus, and make sure no text field is active.
Nothing appears on a client's custom domain adminThe admin is always on the .squarespace.com address; open it from the Squarespace account page.
Tools stay locked after buyingSign in with the email you used at checkout. A plan bought under another address needs that address; write to support with your order number.

Something not covered here? Write to support with the site address and what you clicked.

Email support