Toimii er i myk lansering, så disse veiledningene beskriver en tjeneste du kan registrere deg for og bruke allerede i dag. Noen få deler er fortsatt på vei — appene for iOS og Android kommer senere i 2026.

Legg til et kontaktskjema på det statiske nettstedet ditt: Astro, Hugo, 11ty, Jekyll

Én kodesnutt i layoutmalen din. Fungerer i Astro, Hugo, 11ty, Jekyll og alle andre statiske nettstedsgeneratorer.

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

Fungerer dette faktisk?

Ja — og statiske nettsteder er det reneste tilfellet. Ingen plugin-sandbox, ingen editor som fjerner skript, ingen plannivå. De to linjene slippes inn i layoutmalen din på samme måte som de ville gå inn i en HTML-fil.

Steg for steg

Åpne layoutmalen din

Åpne malen som omslutter hver side — den som allerede inneholder <body>-taggen din.

Lim inn innbyggingskoden

Lim inn de to linjene fra komponentens side i Toimii inni <body>. Vil du bare vise skjemaet på bestemte sider, kan du pakke begge linjene inn i generatorens betingelse — skriptet og taggen hører sammen.

Bygg og publiser

Bygg og publiser slik du vanligvis gjør. Åpne så den publiserte siden og send deg selv en testmelding.

Fallgruver

Legg taggen i en mal, ikke i en Markdown-innholdsfil. Om rå HTML overlever Markdown, er en innstilling per generator — i Hugo krever det markup.goldmark.renderer.unsafe — mens en mal ikke kjøres gjennom Markdown i det hele tatt.
Astro bunter script-tagger der src er det eneste attributtet. Vår tagg har også async, og et hvilket som helst attributt utover src får Astro til å la taggen være — så den fungerer som den står. Skulle du en gang skrelle den ned til bare src, legg til is:inline.
Statiske verter legger ikke til en Content-Security-Policy som standard. Hvis du setter en selv — som en HTTP-svarheader eller en <meta>-tagg — tillat cdn.toimii.io i script-src og api.toimii.io i connect-src.

Ofte stilte spørsmål

Hvordan legger jeg det til i Astro, Hugo, 11ty eller Jekyll?

Det er ingen forskjell mellom dem — stegene over er hele fremgangsmåten i alle fire. Vi oppgir med vilje ingen filbane til malen: hver generator kaller filen noe forskjellig, og navnene har endret seg mellom versjoner, så sjekk dokumentasjonen til din egen generator.

Fungerer det på GitHub Pages, Netlify, Vercel eller Cloudflare Pages?

Ja, og hos alle andre verter som serverer statiske filer — ingenting kjører hos deg. Det er adressen som avgjør, ikke verten: innsendinger godtas bare fra domenet du har oppgitt i Toimii, så et forhåndsvisningsbygg på vertens eget subdomene gjengir skjemaet, men avviser meldingen.

Vil det bremse bygget mitt?

Nei. Skriptet lastes inn under kjøring, ikke byggetid — bygget sender ut script-taggen og nettleseren henter den faktiske komponenten når en besøkende åpner siden. Astro, Hugo, 11ty, Jekyll: alle upåvirket.

Bygger du inn på en annen plattform?

Samme to linjer kode, brutt ned for hver plattform.

WordPress

Egendefinert HTML-blokk, blokkeditor eller klassisk. Ingen plugin-installasjon. Én hake — brukerrollen din trenger unfiltered_html-kapabilitet.

Les hele guiden

Squarespace

Slipp en kodeblokk på en hvilken som helst side. Krever en plan der kodeblokker får kjøre JavaScript.

Les hele guiden

Webflow

Dra inn et Code Embed-element og lim inn de to linjene. Egendefinert kode er en betalt funksjon i Webflow — det er det eneste kravet.

Les hele guiden

Wix

Bruk Wix' Custom Element: komponentens script-URL i Server URL, taggen dens i Tag Name. HTML-innbyggingen fungerer ikke — den er en sandboxed iframe.

Les hele guiden

Shopify

Legg til en Custom Liquid-seksjon i temaeditoren — ingen appinstallasjon, ingen redigering av temakode. Kassesider er det eneste stedet den ikke kan legges.

Les hele guiden

HTML / Egendefinert

En vanlig HTML-side er nok. Åpne den i en teksteditor, lim inn, lagre, last opp. Tre steg og du er live.

Les hele guiden

React / Vue / Angular

Bruk det egendefinerte elementet direkte i JSX, Vue-maler eller Angular-komponenter. Ingen wrapper-komponent, ingen ekstra pakke.

Les hele guiden

Klar til å prøve det?

30-dagers gratis prøveperiode. Ingen kredittkort. Klar på minutter.

Start gratis prøveperiode

Ingen kredittkort nødvendig. Klar på 2 minutter.