Deze handleidingen beschrijven Toimii zodra het live is. Het dashboard en de facturering zijn nog niet beschikbaar — Toimii lanceert in 2026.

Een contactformulier insluiten op Webflow in twee minuten

Een Code Embed-element op het canvas. Publiceer om het te zien. De Designer heeft geen preview van aangepaste code — dat is iets van Webflow, niet van Toimii.

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

Werkt dit echt?

Ja — op het Basic-siteabonnement of hoger. Het Code Embed-element (in 2024 hernoemd van "Embed") voert inline scripts uit bij publicatie. De Designer heeft geen preview van aangepaste code, dus je ziet het formulier alleen op je gepubliceerde *.webflow.io-URL of live domein.

Stap voor stap

Open de pagina in de Designer

Klik op de pagina waar het formulier moet komen. Zorg dat je op het Basic-abonnement of hoger zit — het gratis Starter-abonnement verwijdert aangepaste code.

Sleep een Code Embed-element erin

Sleep vanuit het Toevoegen-paneel het Code Embed-element naar het canvas op de plek waar je het formulier wilt. (In 2024 hernoemd van "Embed component" — zelfde ding.)

Plak de insluitcode

Dubbelklik op het Code Embed om de code-editor te openen. Plak de twee regels van je Toimii Dashboard. Klik op Opslaan & sluiten.

Verwacht geen Designer-preview

De Designer toont een tijdelijke aanduiding op de plek van het insluiten — dat is normaal, aangepaste code wordt niet gepreviewd in de Designer.

Publiceren en verifiëren

Klik op Publiceren. Bekijk het formulier op je *.webflow.io-staging-URL of je live domein. Dien een testbericht in om te bevestigen.

Abonnement vereist

Webflow's gratis Starter-abonnement verwijdert aangepaste code bij publicatie. Om Toimii te gebruiken, heb je het Basic-siteabonnement ($14/maand) of hoger nodig.

Veelvoorkomende valkuilen

De Webflow Designer heeft geen preview van aangepaste code. Je ziet een tijdelijke aanduiding in de editor — het formulier wordt alleen weergegeven op de gepubliceerde site. Publiceer om het te zien.
Het Code Embed-element heeft een limiet van 50.000 tekens. Ons insluiten zit er ruim onder, maar combineer zorgvuldig als je meerdere dingen plakt.
Aangepaste code vereist minimaal het Basic-siteabonnement ($14/maand). Het gratis Starter-abonnement verwijdert aangepaste code bij publicatie.
Webflow's "Embed component" werd in 2024 hernoemd naar "Code Embed element". Als een tutorial "Embed" zegt, zoek dan Code Embed in het Toevoegen-paneel.
Als je het insluiten in een div plaatst met display flex / grid, wordt de Shadow DOM-root van het formulier behandeld als een blokniveau-item. Stijl het bovenliggende element, niet de component.

Veelgestelde vragen

De Designer toont het formulier niet — is het kapot?

Nee. Webflow's Designer voert geen aangepaste code uit — hij toont een tijdelijke aanduiding waar het insluiten komt. Om het formulier te zien, klik je op Publiceren en bekijk je het op je *.webflow.io-staging-URL of je live domein.

Werkt het op het gratis Starter-abonnement?

Nee — aangepaste code vereist het Basic-siteabonnement ($14/maand) of hoger. Het gratis Starter-abonnement blokkeert alle aangepaste code, dus het insluiten werkt niet totdat je upgradet.

Ik zie "Code Embed element" — is dat hetzelfde als de oude "Embed"?

Webflow heeft de "Embed"-component in 2024 hernoemd naar "Code Embed element". Zelfde component, nieuwe naam. Als je tutorial "Embed" zegt, zoek dan Code Embed.

Ik hoorde dat er een limiet van 50.000 tekens is?

Het Code Embed-element heeft een limiet van 50.000 tekens per instantie. Onze twee regels zitten daar ver onder — maar als je ook analytics of andere aangepaste code in hetzelfde insluiten plakt, let dan op het aantal tekens.

Conflicteert het met Webflow Interactions of animaties?

Nee. De component heeft zijn eigen Shadow DOM — hij ziet Webflow's interacties of animaties niet, en Webflow ziet niet wat er in de component zit. Beide werken naast elkaar.

Insluiten op een ander platform?

Dezelfde twee regels code, uitgelegd voor elk platform.

WordPress

Aangepast HTML-blok, Blok-editor of Klassiek. Geen plugin-installatie. Eén kanttekening — je gebruikersrol heeft de unfiltered_html-capability nodig.

Lees de volledige gids

Squarespace

Voeg een Codeblok toe op elke pagina. Vereist het Core-abonnement (de 2025-hernoeming van Business) of hoger.

Lees de volledige gids

Wix

Wix sandboxt het Embed-widget, dus we gebruiken een gesplitste methode — script in Instellingen → Aangepaste code, tag via Embed een widget. Eerlijke gids.

Lees de volledige gids

Shopify

Voeg een Custom Liquid-sectie toe aan elk thema — geen app-installatie vereist. Sla kassapagina's over tenzij je Shopify Plus hebt.

Lees de volledige gids

Statische Sites

Astro, Hugo, 11ty, Jekyll — dezelfde twee regels in je layout-template. Builds blijven snel.

Lees de volledige gids

HTML / Aangepast

Een gewone HTML-pagina is genoeg. Open hem in een teksteditor, plak, sla op, upload. Drie stappen en je bent live.

Lees de volledige gids

React / Vue / Angular

Gebruik het custom element rechtstreeks in JSX, Vue-templates of Angular-componenten. Geen wrapper-component, geen extra pakket.

Lees de volledige gids

Klaar om het te proberen?

30 dagen gratis. Geen creditcard. Binnen minuten ingesteld.

Geen creditcard nodig. Binnen 2 minuten klaar.