Toimii har mjuklanserats, så de här guiderna beskriver en tjänst som du kan registrera dig för och använda redan idag. Några delar är fortfarande på väg — apparna för iOS och Android kommer senare under 2026.

Lägg till ett kontaktformulär på din statiska webbplats: Astro, Hugo, 11ty, Jekyll

En kodsnutt i din layoutmall. Fungerar i Astro, Hugo, 11ty, Jekyll och alla andra statiska webbplatsgeneratorer.

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

Fungerar det faktiskt?

Ja — och statiska webbplatser är det renaste fallet. Ingen plugin-sandbox, ingen redigerare som strippar skript, ingen plannivå. De två raderna läggs in i din layoutmall på samma sätt som i vilken HTML-fil som helst.

Steg för steg

Öppna din layoutmall

Öppna mallen som omsluter varje sida — den som redan innehåller din <body>-tagg.

Klistra in inbäddningskoden

Klistra in de två raderna från din komponents sida i Toimii inuti <body>. Om du bara vill visa formuläret på vissa sidor, lägg båda raderna i din generators villkorssats — scriptet och taggen hör ihop.

Bygg och publicera

Bygg och publicera så som du brukar. Öppna sedan den publicerade sidan och skicka ett testmeddelande till dig själv.

Fallgropar

Lägg taggen i en mall, inte i en Markdown-innehållsfil. Huruvida rå HTML överlever Markdown avgörs av en inställning som skiljer sig mellan generatorer — i Hugo krävs markup.goldmark.renderer.unsafe — medan en mall inte körs genom Markdown alls.
Astro buntar ihop script-taggar vars enda attribut är src. Vår tagg har även async, och vilket attribut som helst utöver src får Astro att lämna taggen ifred — så den fungerar som den är. Om du någon gång skalar ner den till enbart src, lägg till is:inline.
Statiska webbhotell lägger inte till någon Content-Security-Policy som standard. Sätter du en själv — som en HTTP-svarsheader eller en <meta>-tagg — tillåt cdn.toimii.io i script-src och api.toimii.io i connect-src.

Vanliga frågor

Hur lägger jag till det i Astro, Hugo, 11ty eller Jekyll?

Ingenting skiljer dem åt — stegen ovan är hela proceduren i alla fyra. Vi anger medvetet ingen filsökväg för mallen: varje generator kallar den filen något olika och namnen har ändrats mellan versioner, så titta i dokumentationen för din egen generator.

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

Ja, och hos vilket annat webbhotell som helst som serverar statiska filer — ingenting körs på din sida. Det är adressen som avgör, inte webbhotellet: inlämningar tas bara emot från den domän du angett i Toimii, så ett förhandsbygge på webbhotellets egen subdomän renderar formuläret men avvisar meddelandet.

Saktar det ner mitt bygge?

Nej. Scriptet laddas vid körning, inte vid byggtid — bygget skickar script-taggen och webbläsaren hämtar den faktiska komponenten när en besökare kommer till sidan. Astro, Hugo, 11ty, Jekyll: alla opåverkade.

Bäddar du in på en annan plattform?

Samma två rader kod, förklarade för varje plattform.

WordPress

Custom HTML-block, Block Editor eller klassisk. Ingen plugin-installation. En hake — din användarroll behöver unfiltered_html-behörigheten.

Läs hela guiden

Squarespace

Lägg till ett kodblock på vilken sida som helst. Kräver en plan vars kodblock får köra JavaScript.

Läs hela guiden

Webflow

Dra in ett Code Embed-element och klistra in de två raderna. Anpassad kod är en betald funktion i Webflow — det är det enda villkoret.

Läs hela guiden

Wix

Använd Wix Custom Element: komponentens script-URL i Server URL, dess tagg i Tag Name. HTML-inbäddningen fungerar inte — den är en sandboxad iframe.

Läs hela guiden

Shopify

Lägg till ett Custom Liquid-avsnitt i temaredigeraren — ingen app-installation, ingen redigering av temakod. Kassasidor är det enda stället där det inte går.

Läs hela guiden

HTML / Eget

En vanlig HTML-sida räcker. Öppna i valfri textredigerare, klistra in, spara, ladda upp. Tre steg och du är igång.

Läs hela guiden

React / Vue / Angular

Använd det anpassade elementet direkt i JSX, Vue-mallar eller Angular-komponenter. Ingen wrapper-komponent, inget extra paket.

Läs hela guiden

Redo att prova?

30 dagars gratis provperiod. Inget kreditkort. Klar på minuter.

Starta gratis provperiod

Inget kreditkort krävs. Klar på 2 minuter.