De här guiderna beskriver Toimii när tjänsten har lanserats. Instrumentpanelen och faktureringen är inte tillgängliga ännu – Toimii lanseras 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, Gatsby, Bridgetown och alla andra statiska webbplatsgeneratorer.

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

Fungerar det faktiskt?

Ja — och statiska webbplatser är det renaste fallet. Ingen plugin-sandbox, ingen redigerare som strippar skript, ingen plansnivå. 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 layoutmallen som omsluter varje sida — _layouts/default.html i Jekyll, src/layouts/Base.astro i Astro, layouts/partials/footer.html i Hugo, _includes/layout.njk i 11ty.

Klistra in inbäddningskoden

Klistra in de två raderna från din Toimii-instrumentpanel inuti <body>. För att bara visa formuläret på vissa sidor, skydda det anpassade elementet med din generators mall-syntax (front matter-flagga, sidslug-kontroll osv.); script-taggen kan stanna i layouten.

Kör dev-servern

Kör din dev-server (npm run dev / hugo server / jekyll serve). Formuläret renderas direkt — ingen extra konfiguration, ingen plugin, inga @types.

Bygg och driftsätt

Bygg och driftsätt som vanligt (Netlify, Vercel, GitHub Pages, S3 + CloudFront, var du nu hostar). Formuläret fortsätter fungera — Toimiis CDN tar hand om resten.

Vanliga fallgropar

De flesta statiska webbplatsers Markdown-renderare strippar rå HTML som standard. I Jekyll / 11ty / Hugo, aktivera rå HTML eller klistra in inbäddningen i en layoutfil istället för en innehållsfil.
Hot reload injicerar ibland om scriptet flera gånger under dev. Det är ett dev-specifikt quirk; produktionsbyggen skickar taggen en gång per sida.
Vissa webbhotell lägger till aggressiva Content-Security-Policy-rubriker (Netlify och Vercel låter dig anpassa). Tillåt cdn.toimii.io och api.toimii.io i script-src och connect-src.
Lägg inte koden i <head>. Det anpassade elementet är en tagg på body-nivå — behåll scriptet i <head> om du vill (med async), men taggen måste vara i <body>.

Vanliga frågor

Hur lägger jag till det i Astro?

Lägg till script-taggen i din bas-layoutkomponent (t.ex. src/layouts/Base.astro) och använd det anpassade elementet i valfri .astro-fil. Astro renderar okända element som vanlig HTML — inget client-direktiv behövs för taggen själv.

Hur lägger jag till det i Hugo?

Lägg till koden i layouts/partials/footer.html (eller var du nu laddar anpassade skript) och använd det anpassade elementet i dina innehållsfiler, layoutmallar eller shortcodes.

Hur lägger jag till det i 11ty (Eleventy)?

Lägg till koden i din baslayout (_includes/layout.njk i Eleventys standardinställningar). Det gäller alla sidor som ärver layouten. Håll hot-reload på; du ser formuläret så fort dev-servern bygger om.

Hur lägger jag till det i Jekyll / GitHub Pages?

Lägg till koden i _layouts/default.html (eller din valda layout). Använd det anpassade elementet i valfritt Markdown-inlägg genom att aktivera html i Markdown-renderaren.

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 träffar sidan. Astro, Hugo, 11ty, Jekyll: alla opåverkade.

Bäddar du in på en annan plattform?

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

WordPress

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

Läs hela guiden

Squarespace

Lägg till ett kodblock på vilken sida som helst. Kräver Core-plan (2025 namnbyte från Business) eller högre.

Läs hela guiden

Webflow

Code Embed-elementet rymmer upp till 50 000 tecken. Anpassad kod kräver Basic-planen eller högre. Publicera för att förhandsgranska.

Läs hela guiden

Wix

Wix sandboxar Embed-widgeten, så vi använder en delad metod — script i Inställningar → Custom Code, tagg via Bädda in en widget. Ärlig guide.

Läs hela guiden

Shopify

Lägg till ett Custom Liquid-avsnitt i vilket tema som helst — ingen app-installation krävs. Undvik kassasidor om du inte är på Shopify Plus.

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.

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