Disse guider beskriver Toimii, når tjenesten er gået live. Dashboard og fakturering er endnu ikke tilgængelige — Toimii lanceres 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, Gatsby, Bridgetown og alle andre statiske site-generatorer.

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

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 falder 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 layout-skabelon, der wrapper alle sider — _layouts/default.html i Jekyll, src/layouts/Base.astro i Astro, layouts/partials/footer.html i Hugo, _includes/layout.njk i 11ty.

Indsæt indlejringskoden

Indsæt de to linjer fra dit Toimii-dashboard inde i <body>. Hvis du kun vil vise formularen på bestemte sider, kan du gate det brugerdefinerede element med din generators skabeloning (front matter-flag, sidestin-tjek osv.); script-tagget kan forblive i layoutet.

Kør dev-serveren

Kør din dev-server (npm run dev / hugo server / jekyll serve). Formularen renderes med det samme — ingen ekstra konfiguration, intet plugin, ingen @types.

Byg og deploy

Byg og deploy som sædvanligt (Netlify, Vercel, GitHub Pages, S3 + CloudFront, hvor du end hoster). Formularen fortsætter med at virke — Toimiis CDN klarer resten.

Almindelige faldgruber

De fleste statiske siders Markdown-renderere fjerner rå HTML som standard. I Jekyll / 11ty / Hugo skal du aktivere rå HTML eller indsætte indlejringen i en layout-fil i stedet for en indholdsfil.
Hot reload genindsætter sommetider scriptet flere gange under udvikling. Det er et dev-only-quirk; produktionsbuilds udsender tagget én gang per side.
Nogle hosts tilføjer aggressive Content-Security-Policy-headere (Netlify og Vercel lader dig tilpasse). Tillad cdn.toimii.io og api.toimii.io i script-src og connect-src.
Sæt ikke snippet'et i <head>. Det brugerdefinerede element er et body-niveau-tag — hold scriptet i <head> hvis du skal (med async), men tagget skal være i <body>.

Ofte stillede spørgsmål

Hvordan tilføjer jeg det i Astro?

Drop script-tagget i din basis Layout-komponent (f.eks. src/layouts/Base.astro) og brug det brugerdefinerede element i alle .astro-filer. Astro renderer ukendte elementer som almindelig HTML — ingen client-direktiv nødvendig til selve tagget.

Hvordan tilføjer jeg det i Hugo?

Tilføj snippet'et til din layouts/partials/footer.html (eller hvor du indlæser brugerdefinerede scripts) og brug det brugerdefinerede element i dine indholdsfiler, layout-skabeloner eller shortcodes.

Hvordan tilføjer jeg det i 11ty (Eleventy)?

Tilføj snippet'et til din basis-layout (_includes/layout.njk i Eleventy-standarder). Det gælder for alle sider, der udvider layoutet. Sæt hot-reload til; du ser formularen, så snart dev-serveren genopbygger.

Hvordan tilføjer jeg det i Jekyll / GitHub Pages?

Tilføj snippet'et til _layouts/default.html (eller dit valgte layout). Brug det brugerdefinerede element i alle Markdown-posts ved at aktivere HTML i Markdown-rendereren.

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 rammer 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

Drop en Code Block på en hvilken som helst side. Kræver Core-abonnementet (2025-omdøbning af Business) eller højere.

Læs hele guiden

Webflow

Code Embed-elementet rummer op til 50.000 tegn. Brugerdefineret kode kræver Basic-abonnementet eller derover. Publicer for at se preview.

Læs hele guiden

Wix

Wix sandboxer Embed-widget'en, så vi bruger en split-metode — script i Indstillinger → Brugerdefineret kode, tag via Embed a Widget. Ærlig guide.

Læs hele guiden

Shopify

Tilføj en Custom Liquid-sektion til et hvilket som helst tema — ingen app-installation nødvendig. Spring checkout-sider over, medmindre du er på Shopify Plus.

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.

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