De här guiderna beskriver Toimii när tjänsten har lanserats. Instrumentpanelen och faktureringen är inte tillgängliga ännu – Toimii lanseras 2026.

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

Ett Code Embed-element på arbetsytan. Publicera för att se det. Designer förhandsgranskar inte anpassad kod — det är en Webflow-grej, inte en Toimii-grej.

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

Fungerar det faktiskt?

Ja — på Basic-webbplatsplanen eller högre. Code Embed-elementet (omdöpt från "Embed" 2024) kör inline-skript vid publicering. Designer förhandsgranskar inte anpassad kod, så du ser bara formuläret på din publicerade *.webflow.io-URL eller live-domän.

Steg för steg

Öppna sidan i Designer

Klicka på sidan där formuläret ska visas. Kontrollera att du är på Basic-planen eller högre — den gratis Starter-planen strippar anpassad kod.

Dra in ett Code Embed-element

Dra Code Embed-elementet från Lägg till-panelen till arbetsytan där du vill ha formuläret. (Omdöpt från "Embed-komponent" 2024 — samma sak.)

Klistra in inbäddningskoden

Dubbelklicka på Code Embed för att öppna kodredigeraren. Klistra in de två raderna från din Toimii-instrumentpanel. Klicka på Spara och stäng.

Förvänta dig ingen Designer-förhandsvisning

Designer visar en platshållare där inbäddningen är — det är normalt, anpassad kod förhandsgranskas inte i Designer.

Publicera och verifiera

Klicka på Publicera. Visa formuläret på din *.webflow.io-staging-URL eller din live-domän. Skicka ett testmeddelande för att bekräfta.

Plan krävs

Webflows gratis Starter-plan strippar anpassad kod vid publicering. För att köra Toimii behöver du Basic-webbplatsplanen ($14/månaden) eller högre.

Vanliga fallgropar

Webflows Designer förhandsgranskar inte anpassad kod. Du ser en platshållare i redigeraren — formuläret renderas bara på den publicerade sidan. Publicera för att se det.
Code Embed-elementet har en 50 000-teckengräns. Vår inbäddning är långt under det, men kombinera varsamt om du klistrar in flera saker.
Anpassad kod kräver minst Basic-webbplatsplanen ($14/månaden). Den gratis Starter-planen strippar anpassad kod vid publicering.
Webflows "Embed-komponent" bytte namn till "Code Embed-element" 2024. Om en guide säger "Embed", leta efter Code Embed i Lägg till-panelen.
Om du placerar inbäddningen i en div med display flex / grid, behandlas formulärets Shadow DOM-rot som ett blocknivåobjekt. Styla föräldern, inte komponenten.

Vanliga frågor

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

Nej. Webflows Designer kör inte anpassad kod — den visar en platshållare där inbäddningen ska vara. För att se formuläret, klicka på Publicera och se det på din *.webflow.io-staging-URL eller din live-domän.

Fungerar det på den gratis Starter-planen?

Nej — anpassad kod kräver Basic-webbplatsplanen ($14/månaden) eller högre. Den gratis Starter-planen blockerar all anpassad kod, så inbäddningen körs inte förrän du uppgraderar.

Jag ser "Code Embed-element" — är det samma som gamla "Embed"?

Webflow bytte namn på "Embed"-komponenten till "Code Embed-element" 2024. Samma komponent, ny etikett. Om din guide säger "Embed", leta efter Code Embed.

Jag hörde att det finns en 50 000-teckengräns?

Code Embed-elementet har en gräns på 50 000 tecken per instans. Våra två rader är långt under det — men om du även klistrar in analys eller annan anpassad kod i samma inbäddning, håll koll på antalet.

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örklarat för varje plattform.

WordPress

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

Läs hela guiden

Squarespace

Lägg till ett kodblock på vilken sida som helst. Kräver Core-plan (2025 namnbyte från Business) eller högre.

Läs hela guiden

Wix

Wix sandboxar Embed-widgeten, så vi använder en delad metod — script i Inställningar → Custom Code, tagg via Bädda in en widget. Ärlig guide.

Läs hela guiden

Shopify

Lägg till ett Custom Liquid-avsnitt i vilket tema som helst — ingen app-installation krävs. Undvik kassasidor om du inte är på Shopify Plus.

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.

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