Code Block Editor — for Squarespace developers

You can vibecode a beautiful design in an hour.
Hand it to the client, and they won't know how to update it.

Whether it's a client's site or your own, a Code Block only stays beautiful until someone needs to change a price or a headline. Hand it to a client and they come back to you every time. Building it yourself for your own business? You're the one coming back to it.

Single-site licence
$30
one-time, per site
  • Works pre-launch, in trial, or password-protected
  • Continuous updates on 2.0
  • Install in under 2 minutes
  • No code required for your client
Get the licence
Built with AI

You didn't need to understand every line to ship it.
Your client shouldn't need to, to update it.

More of what lands in a Code Block now started as a prompt, not hand-written code. It's faster to build, and it looks great — but the output is often denser and less familiar than something you'd have written yourself, which makes a "quick edit" request riskier to hand off, not safer.

The Code Block Editor sits on top of whatever generated the block — AI or otherwise. Your structure, styling, and any animation stay exactly as built. Your client (or you, six months from now) gets plain fields for the parts that actually change.

ChatGPT Claude Cursor v0 Lovable
What your client sees

Hourly

2 hours (or less)$20
Half Day (2–5 hrs)$29
Full Day (5+ hrs)$40
What it's built from
HTML
<!-- Hourly --> <div class="ds-card"> <h3>Hourly</h3> <ul class="ds-rate"> <li><span>2 hours (or less)</span><span cla… <li><span>Half Day (2–5 hrs)</span><span cl… <li><span>Full Day (5+ hrs)</span><span cla… </ul> </div>
What they edit — no code

Edit content

V2.0
Search your content…
All Text Colour Image
HEADING
Hourly
Text type
Heading 3
Alignment
Center
PRICE
$20
What it does

Not a page builder. A content door.

01

Opens itself

No toolbar to find — open the block's code editor and the panel appears automatically.

02

Live preview

Click any element in the preview to jump straight to its field. Edits update as you type.

03

Structure stays locked

Your HTML, CSS, and animation are never exposed by default — only the content is editable.

04

Developer override

Need the raw code back? One gesture reveals it for you — and only you.

05

Mobile sizing, separately

Every text size gets its own mobile value alongside the desktop one. Set a smaller size for phones and the desktop size stays exactly as it was — no shared field, no compromise.

06

Reorder columns Beta

Client wants the image on the right instead of the left? Reorder columns in a layout directly from the panel — no dragging, no touching the underlying grid.

The problem

The client emails again. It is a two minute change.

Change the price from $20 to $25. Swap the headline. Update the hours. It sits inside a Code Block, so the client cannot touch it, so it comes to you.

You do it, because invoicing fifteen minutes feels petty and because saying no costs more than saying yes. Then it happens again next month.

Client sites you look after9
Small edits per site, per year6
Minutes each, door to door15
Your hourly rate$85
Unbilled, every year
$1,148
That is 14 hours you did not invoice. Licensing those 9 sites is a one time $270. It pays for itself 4.3 times over in the first year.
Questions

Before you ask.

Only what's already inside that code block's HTML. The tool reads the markup you (or your AI tool) wrote, and turns whatever's in there — text, colours, images, structure — into editable fields. It can't invent a field that isn't in the code, and it can't reach outside that block into other blocks or page-wide site settings. If it's not in the HTML, it's not in the panel.
Yes — that's the main use case. It doesn't care how the HTML was written or what generated it. It sits on top of whatever's already in the block.
No. They only ever see the editable fields — plain text boxes, colour pickers, image fields. The underlying HTML, CSS, and any animation stay locked and out of view by default. There's nothing for them to accidentally delete.
Yes. A keyboard shortcut reveals the raw HTML — for you, not your client. Hide it again and it's gone until you need it next.
Yes. It works the same regardless of whether the site is published, in a Squarespace trial, or sitting behind a password.
No. It's a one-time cost per site. No dashboard, no recurring charge, no account to manage.
Each licence covers one site. If you're maintaining several client sites, you'll need one licence per site — which is exactly what the calculator above is working out for you.
No meaningful impact. The editing panel only loads when someone actually opens a code block to edit it — it's not doing anything on your normal, published page.