This review contains affiliate links. If you buy through them we may earn a commission, at no extra cost to you. We bought our own licence and only feature tools we would recommend on their own merits.
Every Squarespace designer has a version of this story. You build a pricing table, a set of feature cards or an FAQ inside a Code Block because the native blocks cannot quite do it. It looks great at launch. Then three weeks later the client emails: can you change the price from £20 to £25? It takes two minutes, it is not worth invoicing, and it will happen again next month.
At Design by Altitude we are a Squarespace Platinum Partner with more than 400 client builds behind us, and that handover problem has always been the hidden cost of custom code. It has got worse, not better, now that so much of what goes into a Code Block starts life as a prompt in ChatGPT or Claude. The Code Block Editor from SQS Mods is the most complete answer to it I have seen. We bought a licence when it launched in August, and Version 3.0 has just landed on every installed site automatically. This is my review of what it does, what changed in 3.0, where it falls short and whether it is worth $30 a site.
Quick Verdict
The Code Block Editor turns the content inside a Squarespace Code Block into plain fields: headings, paragraphs, links, colours and, since 3.0, images and repeated items. Your client edits those fields in a panel; the HTML, CSS and any animation stay locked away. Version 3.0 fixes the two gaps that held earlier versions back, image swapping and adding or removing items such as FAQ entries, and adds proper step-by-step undo. For anyone handing custom Code Blocks to clients, it is one of the most useful Squarespace plugins released this year. The catch is the per-site licence, which is cheap for one site and adds up across a large client portfolio. You can find it listed in our Code Block Editor product listing.
What Is the Code Block Editor?
It is a small script you install once through Squarespace Code Injection, with your licence code. After that, whenever someone opens a Code Block's own editor, a panel titled Edit content appears automatically. The plugin reads the markup in that block and lists everything editable as a field: the text in each heading and paragraph, link destinations, colours set in the block's CSS, and every image. Change a field and the block updates as you type.
The important thing is what it does not do. It is not a page builder and it does not add anything you did not build. SQS Mods describe it as a content door rather than a page builder, which is exactly right. If the pricing card has three rows, the client can edit three rows. The structure is yours; the words, prices and pictures are theirs.
What Is New in Version 3.0
Version 3.0 rolled out on 1 October 2026. Existing licence holders did not need to reinstall anything; you simply see V3.0 next to Edit content at the top of the panel.
Images, with no files emailed to you
Every image in the block now gets its own field. The client can pick any image already on the page, elsewhere on the site or in the Squarespace Asset Library, search by filename, or upload a new photo up to 20 MB straight from the panel. Uploads are saved into the block and added to the Asset Library. For hospitality clients who change seasonal offers and photography constantly, this is the feature that turns the tool from handy into essential.
Add, remove and reorder repeated items
When a block repeats a pattern, such as FAQ entries, cards, testimonials or list rows, the editor spots it and offers Add an item, a remove button on each one and a drag handle to reorder them. Where adding or removing could break the layout, it says so rather than letting the client try. This was the biggest limitation of earlier versions: a client could edit the five FAQs you built, but could not add a sixth.
Undo that tells you what it will undo
Undo now steps back through every change in order within the editing session, and the button names the action, such as Undo colour or Undo text. Each field also has its own Undo this edit, and Redo restores anything undone by mistake. It sounds small, but it is what makes it safe to hand to a nervous client.
Dock or float the panel
You can dock the panel to the right so the whole page stays visible, or float it over the page. Clicking any text, button or image in the block jumps straight to its field, which makes long blocks far quicker to work through.
The Features That Were Already There
- Structure stays locked. HTML, CSS and animation are hidden by default, so a client cannot delete a closing tag and take half the page with it.
- A separate size for phones. Where the block's CSS sets a text size, the panel offers a phone size beside it, without touching the desktop size.
- Reorder columns (beta). In multi-column layouts you can swap columns, such as putting an image on the right instead of the left, without editing the grid.
- Developer override. There is a developer-only way to reveal the raw code when you need it, explained in the tutorial that comes with the licence. Clients never see it.
- Works before launch. It runs on sites in trial, behind a password or not yet published, so you can set it up during the build.
- No accounts or third-party storage. The editor only reads and writes the Code Block you open. Nothing is stored outside your Squarespace account.
Why It Matters More in the Age of AI Code
A lot of what ends up in a Code Block today was generated rather than hand-written. That is quicker to build, but the output is often denser and less familiar than code you would have written yourself, which makes a quick edit riskier to hand off, not safer. One stray paste over a closing tag and the whole section stops rendering.
The Code Block Editor sits on top of whatever generated the HTML: ChatGPT, Claude, Cursor, v0 or Lovable, it does not care. You keep the speed of generating a section, and the client gets plain fields for the parts that actually change. If you are building more of your sites this way, it pairs well with a solid grounding in custom CSS in Squarespace, so you understand what you are locking away.
Pricing: Is It Worth $30 a Site?
A single-site licence costs $30 as a one-time payment, with updates such as 3.0 included. There is no subscription, dashboard or recurring charge, and a 5-day trial is available before you buy. Each licence covers one site, so an agency maintaining nine client sites would pay $270.
SQS Mods include a calculator on their page that makes the case bluntly: nine sites, six small edits per site per year, fifteen minutes each at $85 an hour is roughly $1,148 of work you probably never invoiced. You can argue with the inputs, but the shape of the argument is right. One avoided edit per site pays for the licence, and the bigger saving is the context switch, not the minutes.
Where I would think twice is a site with one simple Code Block that changes once a year. In that case, rebuilding the section with native Squarespace blocks may be the better handover. Prices are in US dollars, so check the current figure on the SQS Mods site before buying.
The Honest Limitations
- Per-site licensing. Fair for freelancers and site owners, but an agency with a large retainer book needs to budget for it per client.
- It only edits what exists. It cannot invent a field that is not in the code. If the client wants a new kind of content, that is still a job for you.
- The client still has to open the block. The panel appears when the Code Block's own editor is opened, so clients need to know which block holds the content. One early reviewer on the SQS Mods store made the same point, and it is worth a line in your handover notes.
- Some features are still beta. Column reordering is labelled beta, and adding or removing items is deliberately limited where it could upset a layout.
- Code Injection required. Installation uses site-wide Code Injection, which Squarespace only unlocks on the Core plan or higher, so check your plan first.
Who Should Use It
The Code Block Editor is built for designers and agencies who hand Squarespace sites to clients and use Code Blocks for anything the native blocks cannot do: pricing tables, comparison grids, styled FAQs, custom hero sections and feature cards. It is equally useful for site owners who built something custom themselves and want to update it later without reading code, or without pasting it back into an AI tool and hoping.
It is not the right tool if your sites contain no custom Code Blocks, or if clients never edit their own content. For everyone else, start with the 5-day trial on a real block and you will know within ten minutes whether it fits your handover.
More From SQS Mods
SQS Mods is run by Roland van den Hout of FuseHub in Canada, and every plugin in their range started as a fix for a real client problem, which we covered in Why Every SQSMODS Plugin Starts With a Real Client Problem. Two newer releases are worth a look alongside the Code Block Editor: PillNav, which turns your header into a floating pill that opens into a multi-column menu, and Section Fade Transitions, which dissolves the hard line between sections using colours read live from your theme. You can browse the full SQS Mods range on SquareLocator.
Frequently Asked Questions
What is the Squarespace Code Block Editor?
It is a plugin from SQS Mods that turns the content inside a Squarespace Code Block into plain editable fields. Text, links, colours, images and repeated items appear in a panel, while the HTML, CSS and any animation stay locked, so clients can update custom sections without touching code.
What is new in Code Block Editor 3.0?
Version 3.0 adds image swapping from the site or Squarespace Asset Library with direct uploads, add, remove and reorder controls for repeated items such as FAQ entries and cards, step-by-step undo and redo with named actions, and a panel that can be docked beside the page. It was delivered automatically to every installed site.
How much does the Code Block Editor cost?
A single-site licence costs $30 as a one-time payment, with updates included. Each licence covers one Squarespace site, and a 5-day trial is available before you buy.
Does it work with code generated by ChatGPT or Claude?
Yes. It reads whatever HTML is in the Code Block regardless of how it was written, so blocks generated with ChatGPT, Claude, Cursor, v0 or Lovable work the same way as hand-written ones. That is the main use case SQS Mods designed it for.
Can my client break the code block?
It is very hard to. Clients only see fields such as text boxes, colour pickers and image selectors, and the underlying code is hidden by default. Where adding or removing an item could upset the layout the editor does not offer it, and every change can be undone step by step.
Does the Code Block Editor slow down my Squarespace site?
No meaningful impact. The editing panel only loads when someone opens a Code Block to edit it in the Squarespace editor, not for visitors on the published site.
Related SquareLocator Guides
- Best Squarespace Plugins in 2026
- How to Use Custom CSS in Squarespace: A Practical Guide
- How to Add Plugins to Squarespace: A Beginner's Guide
- Why Every SQSMODS Plugin Starts With a Real Client Problem
- SquareKicker Compose Review (2026)
- Best Tools for Squarespace Designers (2026)
This article contains affiliate links. If you buy through them we may earn a small commission, at no extra cost to you. We only feature tools we would recommend on their own merits. Screenshots courtesy of sqsmods.com.
