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 Webflow in two minutes

One Code Embed element, two lines inside it, publish. The canvas shows a placeholder, not the form — that is how Webflow draws a script tag.

<!-- 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. The Code Embed element is Webflow's own: it takes the two lines exactly as written and runs them on the published page, with no App to install. One condition on your plan, below.

Step by step

1
Open the page in the Designer
In the Designer, open the page where the form should appear and scroll to the spot you want it.
2
Drag in a Code Embed element
From the Add panel, drag the element onto the canvas, into the section or container where the form belongs.
3
Paste the embed code
Double-click the element to open its code editor, paste the two lines from your component's page in Toimii, and save. Copy them rather than retyping — the element's name is unique to your component.
4
Publish, then check the live page
Publish the site, then open the published page and send yourself a test message. Only a message that arrives proves the whole path works.
Plan required

Custom code is a paid capability, unlocked two ways: a paid Workspace, or an active Site plan on the site. Either alone is enough — most advice on this misses that. Webflow lists the qualifying plans on its own page for the Code Embed element; tiers and prices quoted elsewhere have changed more than once.

Gotchas

  • Publishing goes only to the domains you select in the publish dialog. If the form is live on the staging address but missing from your own domain, check that selection first.
  • Style the container, not the form: width, alignment and spacing belong on the element that holds the Code Embed. The form's own look is set in Toimii.
  • Two forms on one page means two components, each with its own pair of lines. Pasting the same lines twice repeats the first form, and both land in the same place.

Frequently asked

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

No. Webflow draws a placeholder wherever a script tag sits on the canvas, so the form appears only once the page is served. Preview will run custom code if you switch it on, but from a Webflow address of its own — the published page is still the test that counts.

Does it work on Webflow's free plan?

No — custom code is the paid part of Webflow. Before buying, check what you already have: a paid Workspace covers it just as a Site plan does, and either alone is enough.

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. Needs a plan whose code blocks are allowed to run JavaScript.

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.