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å Wix

Wix har ett Custom Element gjort för precis det här. Ge det två värden — en script-URL och ett taggnamn — och publicera.

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

Fungerar det faktiskt?

Ja — ett element, två fält. Wix Custom Element laddar ett script från en URL du anger och renderar taggen du namnger, vilket är exakt så en Toimii-komponent levereras. HTML-inbäddningen klarar inte det: den är en sandboxad iframe, och din sida ser aldrig en tagg som klistrats in i den.

Steg för steg

Kopiera komponentens två värden

Öppna komponenten i Toimii och kopiera dess script-URL och dess elementtagg. Båda genereras per komponent, så kopiera taggen i stället för att skriva den för hand.

Lägg till ett Custom Element

Lägg till ett Custom Element i Wix Editor — inte en HTML-inbäddning — där formuläret ska sitta, och placera det som vilket annat element som helst.

Fyll i Server URL och Tag Name

Klistra in script-URL:en i Server URL och taggen i Tag Name i elementets inställningar. Det är hela konfigurationen — allt annat är redan inställt i Toimii.

Publicera och kontrollera live-sidan

Publicera webbplatsen och öppna live-URL:en. Det är där formuläret faktiskt renderas.

Plan krävs

Custom Element kräver en publicerad webbplats på en betald Wix-plan, med din egen domän ansluten och utan Wix-annonser på den. Det finns ingen väg via gratisplanen.

Fallgropar

Om Tag Name inte stämmer renderas ingenting och inget fel rapporteras. Taggen är olika för varje komponent, så kopiera den från komponentens sida i Toimii.
Server URL ska innehålla hela script-URL:en, inte bara filnamnet. Inget annat behöver ställas in — komponentens inställningar följer med i den filen.
Två formulär på samma sida betyder två Custom Element, vart och ett med sin egen Server URL och Tag Name. Ett andra element som pekar på samma URL upprepar bara det första formuläret.
Om elementet är tomt på den publicerade sidan, öppna webbläsarens nätverkspanel. Om scriptet ger 404 är Server URL fel; om scriptet laddades stämmer inte Tag Name.

Vanliga frågor

Vad betyder "sandboxad iframe"?

En iframe är ett separat dokument som ligger inuti din sida, och sandbox-attributet begränsar vad det dokumentet får göra. Wix utvecklardokumentation säger att deras HTML-inbäddning skapar en sandboxad miljö som inte har direkt åtkomst till de övriga elementen på din sida.

Kan jag använda elementet för HTML-inbäddning i stället?

Nej — det ser likadant ut i redigeraren men är ett annat element, och allt du klistrar in i det körs inuti den sandboxade iframen. Klistrar du bara in taggen renderas ingenting. Klistrar du in båda raderna kan ett formulär dyka upp i rutan, men det körs på ett dokument som Wix är värd för i stället för på din egen domän, och inlämningar kontrolleras mot din webbplats domän — så de avvisas, och besökaren får bara ett allmänt felmeddelande.

Hur är det med Velo (Wix Dev Mode)?

Du behöver det inte. Custom Element är ett vanligt element i redigeraren, och Velo ändrar inte hur HTML-inbäddningens iframe beter sig, så det är ingen väg runt det heller.

Varför ser formuläret inte rätt ut i Wix Editor?

För att Wix renderar anpassade element inuti en iframe i redigeraren och i förhandsvisningsläget. En tom eller konstigt stor ruta på arbetsytan säger ingenting åt något håll. Publicera och kontrollera live-URL:en — det är den enda vyn som motsvarar det en besökare ser.

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

Webflow

Dra in ett Code Embed-element och klistra in de två raderna. Anpassad kod är en betald funktion i Webflow — det är det enda villkoret.

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.