Toimii er i myk lansering, så disse veiledningene beskriver en tjeneste du kan registrere deg for og bruke allerede i dag. Noen få deler er fortsatt på vei — appene for iOS og Android kommer senere i 2026.

Slik bygger du inn et kontaktskjema på Webflow på to minutter

Ett Code Embed-element, to linjer inni det, publiser. Lerretet viser en plassholder, ikke skjemaet — det er slik Webflow tegner en script-tagg.

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

Fungerer dette faktisk?

Ja. Code Embed-elementet er Webflows eget: det tar imot de to linjene nøyaktig som de står, og kjører dem på den publiserte siden, uten noen App å installere. Det er ett krav til planen din, se under.

Steg for steg

Åpne siden i Designer

I Designer åpner du siden der skjemaet skal vises, og blar til stedet du vil ha det.

Dra inn et Code Embed-element

Fra Legg til-panelet drar du elementet inn på lerretet, til seksjonen eller beholderen der skjemaet hører hjemme.

Lim inn innbyggingskoden

Dobbeltklikk på elementet for å åpne kodeeditoren, lim inn de to linjene fra komponentens side i Toimii, og lagre. Kopier dem i stedet for å skrive dem av — elementets navn er unikt for din komponent.

Publiser, og sjekk live-siden

Publiser nettstedet, åpne så den publiserte siden og send deg selv en testmelding. En melding som kommer fram, er det eneste som beviser at hele kjeden fungerer.

Plan nødvendig

Egendefinert kode er en betalt funksjon, og den låses opp på to måter: et betalt Workspace, eller en aktiv Site plan på nettstedet. Hver av dem holder alene — det er nettopp der de fleste rådene bommer. Webflow lister opp hvilke planer som holder mål, på sin egen side om Code Embed-elementet; nivåer og priser som er gjengitt andre steder, er endret mer enn én gang.

Fallgruver

Publisering går bare til de domenene du velger i publiseringsdialogen. Er skjemaet live på staging-adressen, men mangler på ditt eget domene, er det det valget du skal sjekke først.
Styl beholderen, ikke skjemaet: bredde, justering og avstand hører hjemme på elementet som inneholder Code Embed. Skjemaets eget utseende settes i Toimii.
To skjemaer på én side betyr to komponenter, hver med sitt eget par linjer. Limer du inn de samme linjene to ganger, gjentar du bare det første skjemaet, og begge havner samme sted.

Ofte stilte spørsmål

Designer viser ikke skjemaet — er det ødelagt?

Nei. Webflow tegner en plassholder overalt hvor en script-tagg står på lerretet, så skjemaet dukker først opp når siden serveres. Preview kjører egendefinert kode hvis du slår det på, men fra en egen Webflow-adresse — den publiserte siden er fortsatt testen som teller.

Fungerer det på Webflows gratisplan?

Nei — egendefinert kode er den betalte delen av Webflow. Før du kjøper noe, sjekk hva du allerede har: et betalt Workspace dekker det like godt som en Site plan, og hver av dem holder alene.

Vil det komme i konflikt med Webflow Interactions eller animasjoner?

Nei. Komponenten er i sin egen Shadow DOM — den ser ikke Webflows interaksjoner eller animasjoner, og Webflow ser ikke hva som er inni komponenten. Begge fungerer side om side.

Bygger du inn på en annen plattform?

Samme to linjer kode, brutt ned 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 en plan der kodeblokker får kjøre JavaScript.

Les hele guiden

Wix

Bruk Wix' Custom Element: komponentens script-URL i Server URL, taggen dens i Tag Name. HTML-innbyggingen fungerer ikke — den er en sandboxed iframe.

Les hele guiden

Shopify

Legg til en Custom Liquid-seksjon i temaeditoren — ingen appinstallasjon, ingen redigering av temakode. Kassesider er det eneste stedet den ikke kan legges.

Les hele guiden

Statiske nettsteder

Astro, Hugo, 11ty, Jekyll — samme to linjer i layoutmalen din. Byggene forblir raske.

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

Start gratis prøveperiode

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