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.

Contactformulier toevoegen aan je statische site: Astro, Hugo, 11ty, Jekyll

Één snippet in je layout-template. Werkt in Astro, Hugo, 11ty, Jekyll en elke andere static site generator.

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

Werkt dit echt?

Ja — en statische sites zijn het meest eenvoudige geval. Geen plugin-sandbox, geen editor die scripts verwijdert, geen abonnementsniveau. De twee regels gaan in je layout-template op dezelfde manier als in een gewoon HTML-bestand.

Stap voor stap

Open je layout-template

Open het template dat elke pagina omhult — dat waarin je <body>-tag al staat.

Plak de insluitcode

Plak de twee regels van de pagina van je component in Toimii binnen <body>. Wil je het formulier maar op sommige pagina's tonen, zet dan beide regels in een if-blok van je generator — het script en de tag horen bij elkaar.

Bouwen en deployen

Bouw en deploy zoals je dat normaal doet. Open dan de gepubliceerde pagina en stuur jezelf een testbericht.

Valkuilen

Zet de tag in een template, niet in een Markdown-inhoudsbestand. Of ruwe HTML de Markdown-verwerking overleeft, is een instelling per generator — in Hugo heb je daar markup.goldmark.renderer.unsafe voor nodig — terwijl een template helemaal niet door Markdown wordt gehaald.
Astro bundelt script-tags waarvan src het enige attribuut is. Die van ons heeft ook async, en elk attribuut naast src zorgt ervoor dat Astro de tag met rust laat — hij werkt dus zoals hij geschreven is. Breng je hem ooit terug tot alleen src, voeg dan is:inline toe.
Statische hosts voegen standaard geen Content-Security-Policy toe. Als je er zelf een instelt — als HTTP-responseheader of als <meta>-tag — sta dan cdn.toimii.io toe in script-src en api.toimii.io in connect-src.

Veelgestelde vragen

Hoe voeg ik het toe in Astro, Hugo, 11ty of Jekyll?

Er is geen verschil tussen ze — de stappen hierboven zijn de hele procedure in alle vier. We geven bewust geen bestandspad voor het template: elke generator noemt dat bestand anders en die namen zijn tussen versies veranderd, dus kijk in de documentatie van je eigen generator.

Werkt het op GitHub Pages, Netlify, Vercel of Cloudflare Pages?

Ja, en op elke andere host die statische bestanden serveert — aan jouw kant draait er niets. Wat telt is het adres, niet de host: inzendingen worden alleen geaccepteerd vanaf het domein dat je in Toimii hebt opgegeven, dus een previewbuild op het subdomein van de host zelf toont het formulier wel, maar weigert het bericht.

Vertraagt het mijn build?

Nee. Het script laadt tijdens runtime, niet tijdens de bouw — je build stuurt de script-tag mee en de browser haalt de eigenlijke component op wanneer een bezoeker de pagina bezoekt. Astro, Hugo, 11ty, Jekyll: allemaal onbeïnvloed.

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

Webflow

Sleep een Code Embed-element erin en plak de twee regels. Aangepaste code is in Webflow een betaalde functie — dat is de enige voorwaarde.

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

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.