Toimii har mjuklanserats, så de här guiderna beskriver en tjänst som du kan registrera dig för och använda redan idag. Några delar är fortfarande på väg — apparna för iOS och Android kommer senare under 2026.

Så bäddar du in ett kontaktformulär på Webflow på två minuter

Ett Code Embed-element, två rader inuti det, publicera. Arbetsytan visar en platshållare, inte formuläret — så ritar Webflow en script-tagg.

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

Fungerar det faktiskt?

Ja. Code Embed-elementet är Webflows eget: det tar de två raderna precis som de är skrivna och kör dem på den publicerade sidan, utan någon App att installera. Det finns ett villkor kring din plan, nedan.

Steg för steg

Öppna sidan i Designer

I Designer, öppna sidan där formuläret ska visas och skrolla till det ställe där du vill ha det.

Dra in ett Code Embed-element

Dra elementet från Add-panelen ut på arbetsytan, till det avsnitt eller den behållare där formuläret hör hemma.

Klistra in inbäddningskoden

Dubbelklicka på elementet för att öppna dess kodredigerare, klistra in de två raderna från din komponents sida i Toimii och spara. Kopiera dem i stället för att skriva av dem — elementets namn är unikt för just din komponent.

Publicera och kontrollera live-sidan

Publicera webbplatsen, öppna sedan den publicerade sidan och skicka ett testmeddelande till dig själv. Bara ett meddelande som kommer fram bevisar att hela kedjan fungerar.

Plan krävs

Anpassad kod är en betald funktion, och den låses upp på två sätt: ett betalt Workspace eller en aktiv Site plan på webbplatsen. Endera räcker i sig — det är just där de flesta råd om saken går fel. Webflow listar planerna som duger på sin egen sida om Code Embed-elementet; nivåer och priser som citeras på annat håll har ändrats mer än en gång.

Fallgropar

Publiceringen går bara till de domäner du väljer i publiceringsdialogen. Om formuläret är live på staging-adressen men saknas på din egen domän, kontrollera det valet först.
Styla behållaren, inte formuläret: bredd, justering och avstånd hör hemma på elementet som innehåller Code Embed. Formulärets eget utseende ställs in i Toimii.
Två formulär på en sida betyder två komponenter, var och en med sitt eget par rader. Klistrar du in samma rader en gång till upprepas bara det första formuläret, och båda hamnar på samma ställe.

Vanliga frågor

Designer visar inte formuläret — är det trasigt?

Nej. Webflow ritar en platshållare överallt där en script-tagg ligger på arbetsytan, så formuläret dyker upp först när sidan serveras. Förhandsvisningen kör anpassad kod om du slår på det, men från en egen Webflow-adress — den publicerade sidan är fortfarande det test som räknas.

Fungerar det på Webflows gratisplan?

Nej — anpassad kod är den betalda delen av Webflow. Innan du köper något, kontrollera vad du redan har: ett betalt Workspace täcker det precis som en Site plan gör, och endera räcker i sig.

Kommer det att konfliktera med Webflow Interactions eller animationer?

Nej. Komponenten är i sin egen Shadow DOM — den ser inte Webflows interaktioner eller animationer, och Webflow ser inte vad som finns inuti komponenten. Båda fungerar sida vid sida.

Bäddar du in på en annan plattform?

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

WordPress

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

Läs hela guiden

Squarespace

Lägg till ett kodblock på vilken sida som helst. Kräver en plan vars kodblock får köra JavaScript.

Läs hela guiden

Wix

Använd Wix Custom Element: komponentens script-URL i Server URL, dess tagg i Tag Name. HTML-inbäddningen fungerar inte — den är en sandboxad iframe.

Läs hela guiden

Shopify

Lägg till ett Custom Liquid-avsnitt i temaredigeraren — ingen app-installation, ingen redigering av temakod. Kassasidor är det enda stället där det inte går.

Läs hela guiden

Statiska webbplatser

Astro, Hugo, 11ty, Jekyll — samma två rader i din layoutmall. Byggen förblir snabba.

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.

Starta gratis provperiod

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