Edit Squarespace Code Blocks.
A beautiful Code Block is a gift until the client needs to change it.
Custom Code Blocks let us build what Squarespace can't do natively: pricing tables, bespoke layouts, and increasingly animated sections built with AI. They look great. But hand the site over, and the client is locked out: they can't change a price, a headline or an image without touching the code.
The Squarespace Code Block Editor fixes that. Your client safely edits the text, numbers, images and colours inside the block themselves: no code, no emails. While the structure and any animation stay exactly as you built them. A hand-off headache becomes a service you can offer.
Scroll Triggered Button 2.0
$40.00
When visitors scroll into a designated section, a customizable floating button appears at the bottom of the screen. Clicking the button opens a predefined slider or pop-up that displays content from any hidden section on your page—perfect for detailed product/service information, testimonials, lead magnets, portfolios, or any content you want to highlight without cluttering your main page flow.
It lives in the editor
A small </> icon, right in the Squarespace toolbar.
No bookmark, no browser extension, no separate login. Your client opens the page, clicks a Code Block, and a clean editing panel slides in next to the toolbar they already know.
One-line install
01 — How it works
It edits the block's own code, then saves the Squarespace way.
01.1
Reads the real source
The panel reads the HTML inside your Code Block and turns each piece of text, link, image and style into a simple, labelled field. Nothing is re-created or approximated.
01.2
Writes back in place
Changes are written straight back into the same Code Block. Your structure, classes and layout stay exactly as you wrote them — only the content inside changes.
01.3
Saves the native way
Edits apply live as your client types. To publish, they click Squarespace's own Save button. There's no new workflow and nothing extra to learn.
Uses Squarespace Save
01.4
No external storage
Content never leaves Squarespace. There's no database, no backend and no third-party copy of your site's text. The Code Block remains the single source of truth.
Stays in Squarespace
02 — What your client edits
Plain-English fields. No CSS, ever.
Every control is named the way a non-developer thinks — “Text”, “Text size”, “Text colour”, “Link”, “Image”. The words “clamp”, “span” and “selector” never appear. All the fields for one element sit together on a single card.
02.1
Text, links & images
Edit any copy with the markup stripped out, so a client can't accidentally break a tag. Repoint a button or link. Swap an image and its description, with a live thumbnail.
Text · Link · Image · Alt
Edit contentv17
HEADING
cabin
Text colour
#1b1b1b
Appearance▸
02.2
Real colour pickers
A proper swatch and hex field for every text colour — even when the colour comes from a theme variable like
var(--ink). Picking a new colour overrides it cleanly.02.3
Font size with px / rem
Adjust text size with a one-click toggle between
px and rem. It converts the number for you and never silently rewrites sizes you didn't touch. px · rem
02.4
Grouped per element
Each heading, paragraph, button and image gets its own card, with its words up front and finer styling tucked away — so the panel never feels like a wall of options.
03 — Find it fast
Built so a busy client never feels lost.
03.1
Click an element to edit it
A live mini-preview of the block sits at the top of the panel. Click the heading, a button or an image in it and the panel jumps straight to that element's fields.
Point & edit
Search your content…
03.2
Live search
Type any word from the page and the panel filters to the matching elements instantly — handy on a long block with lots of copy.
03.3
Tidy by default
Advanced styling collapses into an “Appearance” section, so what's visible first is just the content. Nothing technical shows until it's wanted.
04 — Layout
Swap a two-column layout in one click.
Image on the left, text on the right — and the client wants it the other way around? The editor spots two-column layouts and offers a Swap control. No dragging, no code, no broken grid.
04.1
Detected automatically
The tool recognises two-column flex and grid layouts inside the block and shows a Swap control only where one actually applies — so it never offers something that would break.
Flex & grid
Image
⇄
Text
05 — Safe by design
Your client can't break what you built.
05.1
Structure is off-limits
It only changes content within the block — never the HTML structure, your classes, or your
<style>. The design you shipped is protected.05.2
Live preview
Every edit shows on the page as it's typed, so there are no surprises between editing and publishing.
05.3
One-click revert
A single button restores everything to exactly how it was when the panel was opened — an easy way back from any change.
05.4
Fails safe
If it can't find an open Code Block it says so plainly, rather than guessing or writing to the wrong place.
05.5
Zero impact on visitors
The script does nothing on your live site — it only activates inside the Squarespace editor. Your published pages are untouched and unaffected.
Editor-only
05.6
Reads your design
The launcher icon and tooltip inherit the editor's own font and styling, so the tool feels like a native part of Squarespace rather than a bolt-on.
FAQ
Questions we get asked a lot.
No. That's the whole point. They see plain fields — Text, Image, Text colour, Font size — never HTML or CSS. They edit, the page updates live, and they click Squarespace's Save.
Only the content you'd want changed. It edits text, links, image sources, colours and font sizes inside the block, and can swap a two-column order. It never rewrites your structure, your classes or your
<style> block.Straight into the Code Block itself, saved with Squarespace's normal Save. There's no external database and no third-party copy of your content — the block stays the single source of truth.
Yes. They edit inside the Squarespace editor, so they need a contributor or editor role on the site. The tool makes Code Blocks safe for them to touch — it doesn't replace having editor access.
No. On your live site the script does nothing at all — it checks whether it's inside the editor and exits immediately otherwise. Visitors never load the editing panel.
Text, link destinations, image sources and alt text, text colours (including theme-variable colours), and font sizes — grouped per element. It can also physically swap the order of a two-column layout. It deliberately won't restructure arbitrary markup.
Paste one line into your site's Footer Code Injection. The </> launcher then appears in the editor toolbar for anyone with access. Your exact snippet is sent after purchase.
Yes. One footer snippet covers the whole site, and the editor works with any HTML Code Block — the ones you've built and any you add later.
Yes. Add the one-line footer snippet to each site you build, and the editor is available on every Code Block on that site.