HomeAdd a widgetSquarespace
Custom Form for Squarespace
A contact form styled to match your Squarespace site, live with one copy-paste into a Code Block, with every client site’s submissions in one dashboard.
Needs Squarespace Core, Plus or Advanced (or a legacy Business or Commerce plan)
Free plan with no time limit, no card.
See it working
This is a real Sorraia form — our own contact form, loaded by the same embed script you paste. Send it something; it reaches us.
How to add a contact form to Squarespace
The Code Block’s Mode menu is the setting that decides whether this works. A form is a script, so JavaScript looks like the right mode — and it is the one that prints your snippet on the page as text. Set Mode to HTML, leave Display Source off, and the form renders in the section where you placed the block, with its colours started from the site’s brand kit and a builder where you change them.
In Sorraia, add the website and verify it — a DNS TXT record, or a meta tag in your homepage’s <head>. Verification is what lets you attach a widget to that site, so it comes before there is anything to paste.
Save the form and the Copy Embed Code popup appears; you can also open the Install wizard from the form’s row on the Forms page, which walks you through pasting it and re-checks the page for you.
Edit the page, hover over the section, and click Add Block in its top-left corner (or a + icon), then choose Code.
Click the pencil icon on the block and set the Mode menu to HTML — not JavaScript. In JavaScript mode Squarespace shows your snippet on the page as text instead of running it.
Paste the Sorraia snippet, script tags included, and leave the Display Source toggle off. Save.
Check the page logged out, or with Preview in Safe Mode: while you are logged in, Squarespace sometimes doesn’t show embedded code even though visitors see it.
Where these steps come from:12
Add the DNS TXT record if the domain’s DNS is yours to edit. Otherwise paste the meta tag into the Header field of Code Injection, which Squarespace injects into the <head> of every page, the homepage included — on Core or higher, like the widget itself.3
JavaScript in a Code Block is a premium feature: Core, Plus and Advanced run it, as do the legacy Business and Commerce plans — not legacy Personal — and Basic doesn’t. If a site moves down to Basic, the snippet stays in the block but stops working.45
Worth knowing for this one
- On a 7.0 site, blocks go in a page’s content areas; blog, index and store pages don’t take blocks directly, though individual blog posts do.1
- Squarespace’s support team doesn’t help with custom code. If the form doesn’t render, check the block’s Mode menu first, then look at the page logged out.2
What Squarespace already has
Squarespace’s own Form block is the first thing to compare. It can ask follow-up questions on choice fields, take file uploads — up to five files of 10 MB each, with reCAPTCHA on — and sends each submission to email by default, while visitors get no confirmation email. Mailchimp and Zapier storage needs Core, Plus or Advanced. For one Squarespace site, that block may be all you need. A Sorraia form earns its place across many client sites: one dashboard for every site’s submissions, and client logins scoped to one site.67
What’s included
- Styled to match: colours from the site’s brand kit
- Live with one copy-paste
- One dashboard across client sites
- Client logins scoped to one site
Free plan with no time limit, no card.
More detail in the Help Center: Forms · Embedding on your website
Questions
Squarespace already has a Form block. When does a Sorraia form make sense?
When you look after more than one site. The Form block keeps each site’s submissions with that site; a Sorraia form sends every client site’s submissions to one dashboard, and a client login can be scoped to just their site. For a single Squarespace site, the Form block may be enough.
Will a Sorraia form run on Squarespace Basic?
No. Running JavaScript in a Code Block is a premium feature on Core, Plus and Advanced and some legacy plans. On Basic the snippet stays in the block but doesn’t work.
Why won’t the Display Source toggle switch off?
Because the block’s Mode menu is on CSS, JavaScript or Plain Text, where Display Source is always on and the code shows as text. Choose HTML, keep the script tags, and the toggle can be switched off.
Does the form follow my site’s colours?
Yes. A new form takes its colours from the site’s brand kit, so it is styled to match from the first version, and you can change them in the builder whenever you like.
Can a client read the submissions from their own site?
Yes. A client login is scoped to one site: your client sees that site’s submissions and nothing else on your account, while you see every client site in one dashboard.
Sources
- Adding blocks · support.squarespace.com
- Code blocks · support.squarespace.com
- Code injection · support.squarespace.com
- Premium features · support.squarespace.com
- Legacy billing plans · support.squarespace.com
- Form blocks · support.squarespace.com
- Form fields · support.squarespace.com
Each page read and checked on 20 October 2026.
Add a contact form to Squarespace
Build it in Sorraia, put it live on your Squarespace site with one copy-paste, and change it later without touching the embed again.