These guides describe Toimii once it's live. The dashboard and billing aren't available yet — Toimii launches in 2026.

How to embed a contact form on Webflow in two minutes

A Code Embed element on the canvas. Publish to see it. The Designer doesn't preview custom code — that's a Webflow thing, not a Toimii thing.

<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-contact></toimii-contact>

Does this actually work?

Yes — on the Basic site plan or higher. The Code Embed element (renamed from "Embed" in 2024) executes inline scripts on publish. The Designer doesn't preview custom code, so you'll only see the form on your published *.webflow.io URL or live domain.

Step by step

Open the page in the Designer

Click into the page where the form should appear. Make sure you're on the Basic plan or higher — the free Starter plan strips custom code.

Drag in a Code Embed element

From the Add panel, drag the Code Embed element onto the canvas where you want the form. (Renamed from "Embed component" in 2024 — same thing.)

Paste the embed code

Double-click the Code Embed to open the code editor. Paste the two lines from your Toimii dashboard. Click Save & Close.

Don't expect a Designer preview

The Designer shows a placeholder where the embed lives — that's normal, custom code doesn't preview in the Designer.

Publish and verify

Click Publish. View the form on your *.webflow.io staging URL or your live domain. Submit a test message to confirm.

Plan required

Webflow's free Starter plan strips custom code on publish. To run Toimii, you need the Basic site plan ($14/mo) or higher.

Common gotchas

The Webflow Designer doesn't preview custom code. You'll see a placeholder in the editor — the form only renders on the published site. Publish to see it.
The Code Embed element has a 50,000-character limit. Our embed is well under that, but combine carefully if you're pasting multiple things.
Custom code requires the Basic site plan ($14/mo) minimum. The free Starter plan strips custom code on publish.
Webflow's "Embed component" was renamed to "Code Embed element" in 2024. If a tutorial says "Embed", look for Code Embed in the Add panel.
If you put the embed inside a div with display flex / grid, the form's Shadow DOM root is treated as a block-level item. Style the parent, not the component.

Frequently asked

The Designer doesn't show the form — is it broken?

No. Webflow's Designer doesn't execute custom code — it shows a placeholder where the embed will go. To see the form, click Publish and view it on your *.webflow.io staging URL or your live domain.

Will it work on the free Starter plan?

No — custom code requires the Basic site plan ($14/mo) or higher. The free Starter plan blocks all custom code, so the embed won't run until you upgrade.

I see "Code Embed element" — is that the same as the old "Embed"?

Webflow renamed the "Embed" component to "Code Embed element" in 2024. Same component, new label. If your tutorial says "Embed", look for Code Embed.

I heard there's a 50,000-character limit?

The Code Embed element has a 50,000-character limit per instance. Our two lines are far under that — but if you're also pasting analytics or other custom code in the same embed, watch the count.

Will it conflict with Webflow Interactions or animations?

No. The component is in its own Shadow DOM — it doesn't see Webflow's interactions or animations, and Webflow doesn't see what's inside the component. Both work side-by-side.

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

Squarespace

Drop a Code Block on any page. Requires the Core plan (2025 rename of Business) or higher.

Read the full guide

Wix

Wix sandboxes the Embed widget, so we use a split method — script in Settings → Custom Code, tag via Embed a Widget. Honest guide.

Read the full guide

Shopify

Add a Custom Liquid section to any theme — no app install required. Skip checkout pages unless you're on Shopify Plus.

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.