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å Shopify med Custom Liquid

Ett Custom Liquid-avsnitt i vilket tema som helst. Ingen app-installation, inga Liquid-kunskaper krävs — klistra bara in de två raderna.

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

Fungerar det faktiskt?

Ja — på alla Shopify-teman som stödjer Online Store 2.0 (Dawn och alla moderna teman). Custom Liquid-avsnittet är inbyggt i Shopify; ingen app-installation krävs, ingen temakod behöver redigeras för de flesta sidor.

Steg för steg

Öppna temaredigeraren

Från din Shopify-admin, gå till Online Store → Teman → Anpassa på det tema du vill redigera.

Lägg till ett Custom Liquid-avsnitt

Välj sidan där formuläret ska visas (en sida, kontaktsidan eller vilken sidmall som helst). Klicka på Lägg till avsnitt och välj Custom Liquid.

Klistra in inbäddningskoden

Klistra in de två raderna från din Toimii-instrumentpanel i Liquid-fältet. Liquid skickar rå HTML oförändrad, så script-taggen och det anpassade elementet fungerar som de är.

Spara temat

Spara i temaredigeraren. Formuläret är direkt live i butiken.

Testa i live-butiken

Öppna live-sidan (inte förhandsvisningen) och skicka ett testmeddelande för att bekräfta att allt fungerar. Om något ser konstigt ut, se fällorna nedan.

Vanliga fallgropar

Direkta theme.liquid-redigeringar skrivs över vid temauppdatering. Använd Custom Liquid-avsnittet i temaredigeraren (sparat per sida) eller duplicera temat innan du redigerar kärnfiler.
Custom Liquid på kassasidor kräver Shopify Plus. På standardplaner, bädda in på kontakt-, FAQ- eller produktsidor istället.
Vissa teman har en inbyggd CSP som blockerar tredjepartsskript. Om formuläret inte renderas, tillåt cdn.toimii.io och api.toimii.io i script-src / connect-src.
Temaredigerarens förhandsvisning lazy-laddar ibland avsnitt på ett sätt som bryter den första renderingen av anpassade element. Verifiera med live-butikens URL (eller använd "Visa"-knappen) — förhandsvisningen är inte sanningskällan.
Om du omsluter formuläret i ett Liquid {% if %}-block laddas scriptet ändå på varje sida. Spara bytes genom att skydda script-taggen med samma villkor.

Vanliga frågor

Behöver jag en Shopify-app från App Store?

Nej. Custom Liquid är ett inbyggt Shopify-temaavsnitt — alla teman från Dawn och framåt stödjer det. App Store är full av "kontaktformulär"-appar; du behöver ingen av dem för Toimii.

Kan jag bädda in det på kassasidan?

Inte på standardplaner. Custom Liquid på kassasidor kräver Shopify Plus. På butiker utan Plus, bädda in formuläret på en kontaktsida, FAQ-sida eller statusida för beställning efter köp istället.

Skriver temauppdateringar över min inbäddningskod?

Ja — direkta redigeringar av temafiler (theme.liquid, sections/*.liquid) skrivs över när du uppdaterar eller återställer temat. Två säkrare alternativ: använd ett temaavsnitt + Custom Liquid-block (sparat per sida i temaredigeraren), eller duplicera temat innan du redigerar.

Min butik har en Content-Security-Policy — blockerar den Toimii?

Några butiker har en strikt Content-Security-Policy via temainställningar eller appar som Shopifys Online Store 2.0-teman med CSP-rubriker. Om formuläret inte renderas, tillåt dessa i script-src: cdn.toimii.io och api.toimii.io.

Fungerar det på en anpassad Storefront API-sida (Hydrogen, Next.js)?

Ja. Använd App Bridge för att rendera en HTML-behållare och injicera sedan script-taggen och det anpassade elementet i den. Samma tillvägagångssätt: två rader kod, det anpassade elementet gör resten.

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

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.