Toimii has soft launched — the service is live and sign-ups are open. Try it free →
English
English
Nordic
Suomi Svenska Norsk Dansk
Baltic
Eesti Latviešu Lietuvių
Europe
Deutsch Français Español Italiano Nederlands Polski
How these translations are made
Log in Try it free

Toimii has soft launched, so these guides describe a service you can sign up for and use today. A few pieces are still on the way — the iOS and Android apps arrive later in 2026.

How to embed a contact form on Squarespace with one Code Block

One Code Block, two lines. The form renders on the published page — the editor is not where you check it.

<!-- Add this anywhere on your page -->
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Does this actually work?

Yes — a Code Block takes the two lines exactly as written and runs them on the published page. There is one condition on your plan, below.

Step by step

1
Open the page editor
Open the page where you want the form and start editing, then add a block where it should go.
2
Add a Code Block
From the block menu, search for Code and choose the Code Block. Leave it in HTML mode.
3
Paste the embed code
Paste the two lines from your component's page in Toimii. Make sure the "Display Source" toggle is OFF so the embed renders, not the source.
4
Publish, then check the live page
Save and publish, then open the published URL and send a test message. A delivered message is the only thing that proves the embed works end to end.
Plan required

You need a plan whose code blocks are allowed to run JavaScript. Squarespace lists the qualifying plans on its own code block page; check there rather than any figure quoted elsewhere, since the plan names have changed and prices vary by region and billing period.

Gotchas

  • An empty block in the editor proves nothing — Squarespace withholds custom code from logged-in views on purpose. Check the published page.
  • If the page shows the two lines as text instead of a form, the Code Block's "Display Source" toggle is on. Turn it off.
  • Two editors, two ways to add a block: sections with an Add Block button use Fluid Engine, and where there is no button you click an insert point instead. Instructions you find elsewhere usually assume one and not the other.

Frequently asked

Which Squarespace plan do I need?

One whose code blocks are allowed to run JavaScript. Every plan lets you add a code block and paste HTML, Markdown or CSS into it — running a script is the part that's gated, and our embed is a script tag. Squarespace keeps the current list of qualifying plans on its code block page.

My form doesn't show in the Squarespace editor — is it broken?

Probably not. Squarespace's own documentation says that as a security measure your code sometimes won't appear while you're logged in, even when visitors can see it — and its remedy is the Preview in Safe Mode button, which is there to show you the embedded item rather than to hide it. The published page, opened while logged out, settles it either way.

Why use Toimii over Squarespace's built-in form?

They solve different halves of the problem. A Squarespace form block routes each submission to a storage option you pick — email, its Contacts panel, Google Drive, Mailchimp or Zapier — and at least one is required before the form accepts anything. Toimii is where they land instead: a dashboard built for reading and answering them, not an inbox to stay on top of.

Embedding on a different platform?

Same two lines of code, picked apart for each platform.

WordPress

Custom HTML block, Block Editor or Classic. No plugin install. One catch — your user role needs the unfiltered_html capability.

Read the full guide
Webflow

Drag in a Code Embed element and paste the two lines. Custom code is a paid capability in Webflow — the one condition.

Read the full guide
Wix

Use Wix's Custom Element: your component's script URL in Server URL, its tag in Tag Name. The HTML embed won't work — it's a sandboxed iframe.

Read the full guide
Shopify

Add a Custom Liquid section in the Shopify theme editor — no app install, no theme code editing. Checkout pages are the one place it can't go.

Read the full guide
Static Sites

Astro, Hugo, 11ty, Jekyll — same two lines in your layout template. Builds stay fast.

Read the full guide
HTML / Custom

A plain HTML page is enough. Open it in any text editor, paste, save, upload. Three steps and you're live.

Read the full guide
React / Vue / Angular

Use the custom element straight in JSX, Vue templates, or Angular components. No wrapper component, no extra package.

Read the full guide

Ready to try it?

30-day free trial. No credit card. Set up in minutes.

No credit card required. Set up in 2 minutes.