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

Det enklaste sättet att lägga till ett kontaktformulär på en vanlig HTML-sida

Två rader var som helst i <body>. Inget byggsteg, inga beroenden. Om du kan spara och ladda upp klarar du det här.

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

Fungerar det faktiskt?

Ja — och det här är det enklaste fallet. Vanlig HTML har ingen plugin-sandbox, ingen redigerare som strippar skript, ingen plansnivå. De två raderna fungerar var som helst du kan spara och ladda upp en .html-fil.

Steg för steg

Öppna din .html-fil

Öppna .html-filen du vill ha formuläret på i valfri textredigerare — VS Code, Sublime, Notepad++, till och med TextEdit (i klartextläge).

Klistra in inbäddningskoden

Klistra in de två raderna från din Toimii-instrumentpanel inuti <body>, exakt där du vill att formuläret ska visas.

Spara och ladda upp

Spara filen och ladda upp den till ditt webbhotell — FTP, S3, Netlify drag-and-drop, vad du nu använder. Öppna sidan i en webbläsare för att bekräfta.

Vanliga fallgropar

Klistra inte in koden inuti <head>. Det anpassade elementet är en tagg på body-nivå — den måste vara inuti <body>.
Ta inte bort async-attributet på script-taggen. Utan det blockerar scriptet resten av sidan från att renderas.
Om du kopierar och klistrar in från en rich-text-redigerare kan du få typografiska citattecken (" ") istället för raka (" "). Använd en vanlig textredigerare — VS Code, Sublime, Notepad, TextEdit i klartext.
Om din sida redan har Content-Security-Policy meta-taggar, tillåt cdn.toimii.io i script-src och connect-src. De flesta vanliga HTML-sidor har ingen CSP alls.

Vanliga frågor

Behöver jag ett backend eller PHP?

Inget backend behövs. Inlämningar går direkt från formuläret till Toimiis API — din HTML-sida kan ligga var som helst, även på ett gratis statiskt webbhotell.

Kan jag öppna .html-filen direkt med file://?

Det beror på webbläsaren. Chrome och Safari öppnar .html-filer via file:// utan problem; Firefox blockerar cross-origin-skript på file://-URL:er. För tillförlitlig testning, kör en liten lokal server (npx serve, python -m http.server) och öppna http://localhost.

Fungerar det i CodePen, JSFiddle eller en sandbox?

Ja — klistra in de två raderna i HTML-panelen. Scriptet laddas och komponenten renderas i förhandsvisningens iframe.

Fungerar det offline?

Sidan laddas, men formuläret behöver nätverksåtkomst för att skicka. Om en besökare är offline renderas sidan normalt — de kan bara inte skicka meddelandet förrän de är online igen.

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

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

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.