Toimii is van start gegaan met een soft launch, dus deze gidsen beschrijven een dienst waarvoor je je vandaag kunt aanmelden en die je meteen kunt gebruiken. Een paar onderdelen zijn nog onderweg — de iOS- en Android-apps verschijnen later in 2026.

Een contactformulier insluiten op Webflow in twee minuten

Eén Code Embed-element, twee regels erin, publiceren. Het canvas toont een tijdelijke aanduiding en niet het formulier — zo tekent Webflow nu eenmaal een script-tag.

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

Werkt dit echt?

Ja. Het Code Embed-element is er een van Webflow zelf: het neemt de twee regels precies zoals ze geschreven zijn en draait ze op de gepubliceerde pagina, zonder App die je moet installeren. Er geldt één voorwaarde voor je abonnement, hieronder.

Stap voor stap

Open de pagina in de Designer

Open in de Designer de pagina waar het formulier moet komen en scroll naar de plek waar je het wilt hebben.

Sleep een Code Embed-element erin

Sleep het element vanuit het Toevoegen-paneel naar het canvas, in de sectie of container waar het formulier hoort.

Plak de insluitcode

Dubbelklik op het element om de code-editor te openen, plak de twee regels van de pagina van je component in Toimii en sla op. Kopieer ze in plaats van ze over te typen — de naam van het element is uniek voor jouw component.

Publiceren en de live pagina controleren

Publiceer de site, open dan de gepubliceerde pagina en stuur jezelf een testbericht. Alleen een bericht dat aankomt bewijst dat de hele keten werkt.

Abonnement vereist

Aangepaste code is een betaalde functie, en er zijn twee manieren om die vrij te spelen: een betaalde Workspace, of een actief Site plan op de site. Elk van beide is op zichzelf genoeg — daar gaan de meeste adviezen hierover de mist in. Webflow vermeldt de geschikte abonnementen op zijn eigen pagina over het Code Embed-element; abonnementsniveaus en prijzen die elders worden genoemd zijn al meer dan eens veranderd.

Valkuilen

Publiceren gaat alleen naar de domeinen die je in het publicatievenster selecteert. Staat het formulier live op het staging-adres maar ontbreekt het op je eigen domein, controleer die selectie dan als eerste.
Style de container, niet het formulier: breedte, uitlijning en witruimte horen bij het element waarin het Code Embed zit. Het uiterlijk van het formulier zelf stel je in Toimii in.
Twee formulieren op één pagina betekent twee componenten, elk met een eigen paar regels. Dezelfde regels een tweede keer plakken herhaalt alleen het eerste formulier, en beide komen op dezelfde plek terecht.

Veelgestelde vragen

De Designer toont het formulier niet — is het kapot?

Nee. Webflow tekent een tijdelijke aanduiding op elke plek waar een script-tag op het canvas staat, dus het formulier verschijnt pas zodra de pagina wordt geserveerd. Preview voert aangepaste code wel uit als je dat aanzet, maar dan vanaf een eigen Webflow-adres — de gepubliceerde pagina blijft de test die telt.

Werkt het op het gratis abonnement van Webflow?

Nee — aangepaste code is het betaalde deel van Webflow. Kijk voordat je iets koopt wat je al hebt: een betaalde Workspace dekt het net zo goed als een Site plan, en elk van beide is op zichzelf genoeg.

Conflicteert het met Webflow Interactions of animaties?

Nee. De component heeft zijn eigen Shadow DOM — hij ziet Webflows 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 een abonnement waarvan de codeblokken JavaScript mogen uitvoeren.

Lees de volledige gids

Wix

Gebruik Wix' Custom Element: de script-URL van je component in Server URL, de tag in Tag Name. De HTML-insluiting werkt niet — dat is een sandbox-iframe.

Lees de volledige gids

Shopify

Voeg een Custom Liquid-sectie toe in de thema-editor van Shopify — geen app-installatie, geen themacode bewerken. Kassapagina's zijn de enige plek waar het niet kan.

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.

Gratis proefperiode starten

Geen creditcard nodig. Binnen 2 minuten klaar.