Disse veiledningene beskriver Toimii etter at tjenesten er lansert. Dashbordet og faktureringen er ikke tilgjengelig ennå — Toimii lanseres i 2026.

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

Ett utdrag i layoutmalen din. Fungerer i Astro, Hugo, 11ty, Jekyll, Gatsby, Bridgetown og alle andre statiske nettsted-generatorer.

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

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 layoutmalen som wrapper hver side — _layouts/default.html i Jekyll, src/layouts/Base.astro i Astro, layouts/partials/footer.html i Hugo, _includes/layout.njk i 11ty.

Lim inn innbyggingskoden

Lim inn de to linjene fra Toimii-dashbordet ditt inni <body>. For å bare vise skjemaet på bestemte sider, gat det egendefinerte elementet med generatorens maling (front matter-flagg, sidesøksjekk osv.); script-taggen kan forbli i layouten.

Kjør dev-serveren

Kjør dev-serveren (npm run dev / hugo server / jekyll serve). Skjemaet gjengis umiddelbart — ingen ekstra konfigurasjon, ingen plugin, ingen @types.

Bygg og distribuer

Bygg og distribuer som vanlig (Netlify, Vercel, GitHub Pages, S3 + CloudFront, uansett hvor du hoster). Skjemaet fortsetter å fungere — Toimiis CDN tar seg av resten.

Vanlige fallgruver

De fleste statiske-nettsted Markdown-renderere fjerner rå HTML som standard. I Jekyll / 11ty / Hugo, aktiver rå HTML eller lim inn innbyggingen i en layoutfil i stedet for en innholdsfil.
Hot reload injiserer noen ganger skriptet på nytt flere ganger under utvikling. Det er en kun-utvikling-quirk; produksjonsbygg sender ut taggen én gang per side.
Noen verter legger til aggressive Content-Security-Policy-overskrifter (Netlify og Vercel lar deg tilpasse). Tillat cdn.toimii.io og api.toimii.io i script-src og connect-src.
Ikke legg utdraget i <head>. Det egendefinerte elementet er en body-nivå-tag — behold skriptet i <head> hvis du må (med async), men taggen må være i <body>.

Ofte stilte spørsmål

Hvordan legger jeg til det i Astro?

Slipp script-taggen i din grunnleggende Layout-komponent (f.eks. src/layouts/Base.astro) og bruk det egendefinerte elementet i enhver .astro-fil. Astro gjengir ukjente elementer som vanlig HTML — ingen client-direktiv nødvendig for selve taggen.

Hvordan legger jeg til det i Hugo?

Legg til utdraget i layouts/partials/footer.html (eller der du laster egendefinerte skript) og bruk det egendefinerte elementet i innholdsfiler, layoutmaler eller shortcodes.

Hvordan legger jeg til det i 11ty (Eleventy)?

Legg til utdraget i baselayouten din (_includes/layout.njk i Eleventy-standarder). Det gjelder for alle sider som utvider layouten. Sett hot-reload på; du vil se skjemaet så snart dev-serveren bygger om.

Hvordan legger jeg til det i Jekyll / GitHub Pages?

Legg til utdraget i _layouts/default.html (eller din foretrukne layout). Bruk det egendefinerte elementet i et hvilken som helst Markdown-innlegg ved å aktivere html i Markdown-rendereren.

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 treffer siden. Astro, Hugo, 11ty, Jekyll: alle upåvirket.

Bygger du inn på en annen plattform?

Samme to linjer kode, tilpasset 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 Core-planen (2025-omdøping av Business) eller høyere.

Les hele guiden

Webflow

Code Embed-elementet rommer opptil 50 000 tegn. Egendefinert kode krever Basic-planen eller høyere. Publiser for å forhåndsvise.

Les hele guiden

Wix

Wix sandbox-er Embed-widgeten, så vi bruker en delt metode — skript i Innstillinger → Egendefinert kode, tag via Bygg inn en widget. Ærlig guide.

Les hele guiden

Shopify

Legg til en Custom Liquid-seksjon i et hvilket som helst tema — ingen appinstallasjon nødvendig. Hopp over kassesider med mindre du er på Shopify Plus.

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. Inget kredittkort. Klar på minutter.

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