Toimii er soft launchet, så disse guides beskriver en tjeneste, du kan tilmelde dig og bruge allerede i dag. Et par dele er stadig på vej — iOS- og Android-appsene kommer senere i 2026.

Tilføj en kontaktformular til dit statiske site: Astro, Hugo, 11ty, Jekyll

Ét snippet i din layout-skabelon. Virker i Astro, Hugo, 11ty, Jekyll og alle andre statiske site-generatorer.

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

Virker dette rent faktisk?

Ja — og statiske sider er det reneste tilfælde. Ingen plugin-sandbox, ingen editor, der fjerner scripts, ingen abonnementsgrænse. De to linjer sættes ind i din layout-skabelon på samme måde som i en vilkårlig HTML-fil.

Trin for trin

Åbn din layout-skabelon

Åbn den skabelon, der omslutter alle sider — den, der allerede indeholder dit <body>-tag.

Indsæt indlejringskoden

Indsæt de to linjer fra komponentens side i Toimii inde i <body>. Vil du kun vise formularen på nogle sider, så pak begge linjer ind i din generators betingelse — scriptet og tagget hører sammen.

Byg og deploy

Byg og deploy som sædvanligt. Åbn derefter den publicerede side og send dig selv en testbesked.

Faldgruber

Sæt tagget i en skabelon, ikke i en Markdown-indholdsfil. Om rå HTML overlever Markdown, er en indstilling, der er forskellig fra generator til generator — i Hugo kræver det markup.goldmark.renderer.unsafe — mens en skabelon slet ikke køres gennem Markdown.
Astro bundler script-tags, hvis eneste attribut er src. Vores har også async, og enhver attribut ud over src får Astro til at lade tagget være — så det virker, som det står. Skærer du det på et tidspunkt ned til kun src, så tilføj is:inline.
Statiske hosts tilføjer ikke en Content-Security-Policy som standard. Hvis du selv sætter en — som en HTTP-svarheader eller et <meta>-tag — skal du tillade cdn.toimii.io i script-src og api.toimii.io i connect-src.

Ofte stillede spørgsmål

Hvordan tilføjer jeg det i Astro, Hugo, 11ty eller Jekyll?

Der er ingen forskel på dem — trinnene ovenfor er hele fremgangsmåden i alle fire. Vi angiver bevidst ingen filsti til skabelonen: hver generator navngiver den fil forskelligt, og navnene har ændret sig fra version til version, så tjek dokumentationen for din egen generator.

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

Ja, og hos enhver anden udbyder, der serverer statiske filer — der kører ikke noget hos dig selv. Det afgørende er adressen frem for udbyderen: indsendelser accepteres kun fra det domæne, du har angivet i Toimii, så et preview-build på udbyderens eget subdomæne viser formularen, men afviser beskeden.

Vil det bremse mit build?

Nej. Scriptet indlæses ved kørselstid, ikke ved byggetid — dit build udsender script-tagget, og browseren henter den faktiske komponent, når en besøgende åbner siden. Astro, Hugo, 11ty, Jekyll: alle upåvirket.

Indlejrer du på en anden platform?

De samme to linjer kode, gennemgået for hver platform.

WordPress

Custom HTML-blok, Block Editor eller Classic. Ingen plugin-installation. Ét forbehold — din brugerrolle skal have unfiltered_html-rettigheden.

Læs hele guiden

Squarespace

Sæt en Code Block ind på en hvilken som helst side. Kræver et abonnement, hvor Code Blocks har lov til at køre JavaScript.

Læs hele guiden

Webflow

Træk et Code Embed-element ind og indsæt de to linjer. Brugerdefineret kode er en betalt funktion i Webflow — det er den ene betingelse.

Læs hele guiden

Wix

Brug Custom Element i Wix: komponentens script-URL i Server URL, dens tag i Tag Name. HTML-indlejringen virker ikke — den er en sandboxed iframe.

Læs hele guiden

Shopify

Tilføj en Custom Liquid-sektion i Shopifys temaeditor — ingen app-installation, ingen temakode-redigering. Checkout-sider er det ene sted, den ikke kan placeres.

Læs hele guiden

HTML / Brugerdefineret

En almindelig HTML-side er nok. Åbn den i en teksteditor, indsæt, gem, upload. Tre trin og du er live.

Læs hele guiden

React / Vue / Angular

Brug det brugerdefinerede element direkte i JSX, Vue-skabeloner eller Angular-komponenter. Ingen wrapper-komponent, ingen ekstra pakke.

Læs hele guiden

Klar til at prøve det?

30-dages gratis prøveperiode. Intet kreditkort. Opsætning på få minutter.

Start gratis prøveperiode

Intet kreditkort påkrævet. Klar på 2 minutter.