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å Wix (ärlig guide för 2026)

Wix Embed-widget körs i en sandboxad iframe — så en enda inklistring fungerar inte. Här är den delade metoden som faktiskt fungerar.

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

Fungerar det faktiskt?

Ja — men bara via den delade metoden, på Core-planen eller högre.

Wix "Bädda in en widget"-block körs inuti en sandboxad iframe. I december 2025 skärpte Wix den sandboxen genom att ta bort allow-same-origin — så en enda allt-i-ett-inklistring fungerar inte längre. Script-taggen laddas inuti iframen, där den inte kan se din Wix-sidas DOM, och det anpassade elementet registreras på fel ställe.

Lösningen är den delade metoden: lägg script-taggen i Inställningar → Custom Code (som injiceras direkt på din Wix-sida, INTE inuti en iframe), och lägg den anpassade elementtaggen <toimii-contact></toimii-contact> i ett Bädda in en widget-block. Scriptet registrerar elementet på föräldrasidan, widget-blocket placerar taggen, och formuläret renderas.

Steg för steg

Öppna Inställningar → Custom Code

Från Wix-instrumentpanelen, gå till Inställningar → Custom Code (under Avancerat). Observera — detta kräver Core-planen ($17/månaden) eller högre. Klicka på + Lägg till anpassad kod.

Lägg till script-taggen

Klistra in bara script-taggen — den första av de två raderna: <script src="https://cdn.toimii.io/components/your-code.js" async></script>. Sätt "Lägg till kod på sidor" till "Alla sidor" (eller bara sidan där du bäddar in formuläret). Sätt "Placera kod i" till Body — start. Spara.

Lägg till ett Bädda in en widget-block

Öppna Wix Editor för sidan där du vill ha formuläret. Klicka på Lägg till (+) → Bädda in kod → Bädda in en widget. (INTE Bädda in HTML — det är den sandboxade versionen.) Släpp widgeten där formuläret ska vara.

Klistra in den anpassade elementtaggen

I widget-inställningarna, klistra in bara den anpassade elementtaggen — den andra raden: <toimii-contact></toimii-contact>. Klicka på Uppdatera.

Storleksanpassa widget-blocket

Ändra storleken på widget-blocket i redigeraren för att ungefär passa formulärets höjd. Formuläret renderas utanför iframen (på din Wix-sida) — widget-blocket fungerar som ett positioneringsankare.

Publicera och visa live

Klicka på Publicera. Förhandsvisning ensam visar inte formuläret — Custom Code-regler körs bara på sparade/publicerade versioner. Se live-URL:en för att bekräfta.

Plan krävs

Inställningar → Custom Code kräver Core-planen ($17/månaden) eller högre. Gratisplanen och Light-planen kan använda Bädda in en widget men saknar Custom Code, så den delade metoden fungerar inte — du behöver uppgradera.

Vanliga fallgropar

En enda allt-i-ett Embed-widget-inklistring fungerar INTE. Wix skärpte Embed-sandboxen i december 2025 (tog bort allow-same-origin). Scriptet laddas, men det anpassade elementet registreras inuti iframen — inte på din Wix-sida.
Inställningar → Custom Code kräver Core-planen ($17/månaden) eller högre. Gratisplanen och Light-planen har inte det.
Custom Code-regler gäller vid sparande — de visas inte i Wix Editor-förhandsvisningen. Klicka på "Förhandsgranska" eller, ännu bättre, klicka på "Publicera" och se live-URL:en.
Bädda in en widget-blocket har en fast iframe-storlek. Ändra storleken på blocket i redigeraren för att passa formulärets naturliga höjd; formuläret sitter UTANFÖR iframen (på föräldrasidan), så iframen är bara ett positioneringsankare.
Om dina custom code-regler konfliktar med varandra vinner den senaste sparningen tyst. Håll en regel, rikta mot båda sidor, i head + body — lättare att felsöka än separata regler per sida.

Vanliga frågor

Vad betyder "sandboxad iframe"?

En sandboxad iframe är en iframe med sandbox-attributet, vilket begränsar vad det inre innehållet kan göra. I december 2025 tog Wix bort allow-same-origin från Embed-widgetens sandbox. Scriptet laddas fortfarande, men det anpassade elementet registreras inuti iframen — inte på din Wix-sida. Det är därför ett enda inbäddningsblock inte fungerar; vi måste dela upp det.

Varför fungerar inte "Bädda in HTML" som det brukade?

Båda körs i samma sandboxade iframe (sedan Wix skärpte säkerheten i december 2025 genom att ta bort allow-same-origin). Scriptet laddas, men det anpassade elementet registreras i iframen — inte på din föräldrasida. Det är därför vi rekommenderar den delade metoden istället.

Vänta — fungerar den delade metoden faktiskt?

Ja. Script-taggen placeras i Inställningar → Custom Code (head eller body) — det är en föräldrasideinjicering, inte en iframe. Det anpassade elementet placeras i ett Bädda in en widget-block, som renderar taggen på föräldrasidan (widget-innehållet körs i iframen men taggen mountas in i föräldra-DOM:en). Tillsammans: scriptet registrerar elementet på föräldrasidan, taggen är i föräldra-DOM:en, formuläret renderas.

Vad händer med Velo (Wix Dev Mode)?

Velo (Wix Dev Mode) ger dig backend-kod och frontend-händelser — men renderingsytan för HTML är fortfarande samma Embed-widget-iframe. Velo lyfter inte sandboxen; det ger dig bara ett sätt att skriptera runt den. För de flesta användare är den delade metoden enklare.

Ska jag byta till en annan plattform?

Ärligt talat, om du väljer en no-code-webbplatsbyggare just nu stödjer Squarespace, Webflow och WordPress.com vår inbäddning renare än Wix. Vi säger inte det lättvindigt — vi vill hellre att du har en smidig upplevelse än att du kämpar med en sandbox.

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

Webflow

Code Embed-elementet rymmer upp till 50 000 tecken. Anpassad kod kräver Basic-planen eller högre. Publicera för att förhandsgranska.

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.