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å Squarespace med ett kodblock

Ett kodblock, två rader. Formuläret renderas på den publicerade sidan — redigeraren är inte där du kontrollerar det.

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

Fungerar det faktiskt?

Ja — ett kodblock tar de två raderna precis som de är skrivna och kör dem på den publicerade sidan. Det finns ett villkor kring din plan, nedan.

Steg för steg

Öppna sidredigeraren

Öppna sidan där du vill ha formuläret och gå till redigeringsläget, lägg sedan till ett block där det ska vara.

Lägg till ett kodblock

Sök efter Code i blockmenyn och välj kodblocket. Lämna det i HTML-läge.

Klistra in inbäddningskoden

Klistra in de två raderna från din komponents sida i Toimii. Kontrollera att "Display Source"-knappen är AV så att inbäddningen renderas och inte källkoden visas.

Publicera och kontrollera live-sidan

Spara och publicera, öppna sedan den publicerade URL:en och skicka ett testmeddelande. Ett meddelande som kommer fram är det enda som bevisar att inbäddningen fungerar hela vägen.

Plan krävs

Du behöver en plan vars kodblock får köra JavaScript. Squarespace listar planerna som duger på sin egen sida om kodblock; kontrollera där i stället för att lita på en siffra som citeras på annat håll, eftersom plannamnen har ändrats och priserna varierar med region och betalningsperiod.

Fallgropar

Ett tomt block i redigeraren bevisar ingenting — Squarespace håller medvetet tillbaka anpassad kod i inloggade vyer. Kontrollera den publicerade sidan.
Om sidan visar de två raderna som text i stället för ett formulär är kodblockets "Display Source"-knapp påslagen. Stäng av den.
Två redigerare, två sätt att lägga till ett block: avsnitt med en Add Block-knapp använder Fluid Engine, och där knappen saknas klickar du på en infogningspunkt i stället. Instruktioner du hittar på annat håll utgår oftast från det ena och inte det andra.

Vanliga frågor

Vilken Squarespace-plan behöver jag?

En vars kodblock får köra JavaScript. Alla planer låter dig lägga till ett kodblock och klistra in HTML, Markdown eller CSS i det — det är körningen av skript som är begränsad, och vår inbäddning är en script-tagg. Squarespace håller den aktuella listan över planer som duger på sin egen sida om kodblock.

Mitt formulär syns inte i Squarespace-redigeraren — är det trasigt?

Förmodligen inte. Squarespaces egen dokumentation säger att din kod av säkerhetsskäl ibland inte visas medan du är inloggad, även när besökarna ser den — och lösningen de anger är knappen Preview in Safe Mode, som finns till för att visa dig det inbäddade innehållet, inte för att dölja det. Den publicerade sidan, öppnad utloggad, ger svaret åt endera hållet.

Varför använda Toimii istället för Squarespaces inbyggda formulär?

De löser var sin halva av problemet. Ett formulärblock i Squarespace skickar varje inlämning vidare till ett lagringsalternativ du väljer — e-post, dess Contacts-panel, Google Drive, Mailchimp eller Zapier — och minst ett krävs innan formuläret tar emot något alls. Toimii är dit de landar i stället: en instrumentpanel byggd för att läsa och besvara dem, inte en inkorg att hålla ordning på.

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

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

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.