Toimii er soft launchet, så disse guides beskriver en tjeneste, du kan tilmelde dig og bruge allerede i dag. Et par dele er stadig på vej — iOS- og Android-appsene kommer senere i 2026.

Sådan indlejrer du en kontaktformular på Webflow på to minutter

Ét Code Embed-element, to linjer indeni, publicer. Canvasset viser en pladsholder og ikke formularen — sådan tegner Webflow et script-tag.

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

Virker dette rent faktisk?

Ja. Code Embed-elementet er Webflows eget: det tager de to linjer præcis som skrevet og kører dem på den publicerede side, uden nogen App at installere. Der er én betingelse til dit abonnement, se nedenfor.

Trin for trin

Åbn siden i Designer

Åbn i Designer den side, hvor formularen skal vises, og rul ned til det sted, du vil have den.

Træk et Code Embed-element ind

Fra Add-panelet trækker du elementet ind på canvasset, ind i den sektion eller container, hvor formularen hører hjemme.

Indsæt indlejringskoden

Dobbeltklik på elementet for at åbne dets kodeeditor, indsæt de to linjer fra komponentens side i Toimii, og gem. Kopiér dem i stedet for at skrive dem af — elementets navn er unikt for netop din komponent.

Publicer, og tjek derefter den live side

Publicer sitet, åbn derefter den publicerede side og send dig selv en testbesked. En besked, der er kommet frem, er det eneste, der beviser, at hele kæden virker.

Krævet abonnement

Brugerdefineret kode er en betalt funktion, og den låses op på to måder: et betalt Workspace eller et aktivt Site plan på sitet. Hvert af dem er nok i sig selv — det er netop dét, de fleste vejledninger overser. Webflow lister de abonnementer, der opfylder kravet, på sin egen side om Code Embed-elementet; niveauer og priser, der citeres andre steder, er blevet ændret mere end én gang.

Faldgruber

Publicering går kun til de domæner, du vælger i publiceringsdialogen. Hvis formularen er live på staging-adressen, men mangler på dit eget domæne, så tjek det valg først.
Sæt styling på containeren, ikke på formularen: bredde, justering og afstande hører til på det element, der indeholder Code Embed. Formularens eget udseende sættes i Toimii.
To formularer på én side betyder to komponenter, hver med sit eget par linjer. Indsætter du de samme linjer to gange, gentager du bare den første formular, og begge lander samme sted.

Ofte stillede spørgsmål

Designer viser ikke formularen — er den ødelagt?

Nej. Webflow tegner en pladsholder alle de steder på canvasset, hvor der sidder et script-tag, så formularen dukker først op, når siden bliver serveret. Preview kører brugerdefineret kode, hvis du slår det til, men fra sin egen Webflow-adresse — den publicerede side er stadig den test, der tæller.

Virker det på Webflows gratis abonnement?

Nej — brugerdefineret kode er den betalte del af Webflow. Inden du køber, så tjek, hvad du allerede har: et betalt Workspace dækker det lige så vel som et Site plan, og ét af dem alene er nok.

Kommer det i konflikt med Webflow Interactions eller animationer?

Nej. Komponenten er i sin egen Shadow DOM — den ser ikke Webflows interaktioner eller animationer, og Webflow ser ikke hvad der er inde i komponenten. Begge virker side om side.

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

Sæt en Code Block ind på en hvilken som helst side. Kræver et abonnement, hvor Code Blocks har lov til at køre JavaScript.

Læs hele guiden

Wix

Brug Custom Element i Wix: komponentens script-URL i Server URL, dens tag i Tag Name. HTML-indlejringen virker ikke — den er en sandboxed iframe.

Læs hele guiden

Shopify

Tilføj en Custom Liquid-sektion i Shopifys temaeditor — ingen app-installation, ingen temakode-redigering. Checkout-sider er det ene sted, den ikke kan placeres.

Læs hele guiden

Statiske sider

Astro, Hugo, 11ty, Jekyll — de samme to linjer i din layout-skabelon. Builds forbliver hurtige.

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.

Start gratis prøveperiode

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