Toimii er soft launchet, så disse guides beskriver en tjeneste, du kan tilmelde dig og bruge allerede i dag. Et par dele er stadig på vej — iOS- og Android-appsene kommer senere i 2026.

Sådan indlejrer du en kontaktformular på Shopify med Custom Liquid

En Custom Liquid-sektion i temaeditoren. Ingen app-installation, intet Liquid-kendskab nødvendigt — indsæt de to linjer og gem.

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

Virker dette rent faktisk?

Ja — hvis dit tema tilbyder en Custom Liquid-sektion. Det er Shopifys eget svar på at tilføje kode til en side uden at redigere temafiler.

Trin for trin

Åbn temaeditoren

Åbn temaeditoren i dit Shopify-admin på det tema, du vil ændre.

Tilføj en Custom Liquid-sektion

Gå til den side, hvor formularen skal vises, tilføj derefter en sektion og vælg Custom Liquid.

Indsæt indlejringskoden

Indsæt de to linjer fra komponentens side i Toimii i Liquid-feltet. Feltet tager imod rå HTML og sender den uændret igennem, så script-tagget og det brugerdefinerede element virker som skrevet.

Gem, og tjek derefter den live butik

Gem i temaeditoren, åbn derefter siden i din butik — ikke editorens preview — og send en testbesked. En besked, der er kommet frem, er det eneste, der beviser, at indlejringen virker fra ende til anden.

Faldgruber

Tilføj koden via temaeditoren i stedet for at redigere temafiler. Shopify opdaterer kun et tema automatisk, så længe dets filer er i deres oprindelige tilstand — og Custom Liquid findes netop, så du kan tilføje egen kode uden at røre dem. Redigerer du temakoden i stedet, bliver hver fremtidig opdatering noget, du selv skal installere i hånden.
Checkout- og gavekortsider kan slet ikke indeholde sektioner, så en Custom Liquid-blok kan ikke placeres på dem — uanset abonnement. Læg formularen på en almindelig side i butikken.
Temaeditoren redigerer ét tema, og det er ikke nødvendigvis det publicerede. Hvis du har gemt i en kopi, er din butik uændret, uanset hvor rigtigt previewet ser ud — tjek butikkens URL, og tjek hvilket tema der er publiceret.

Ofte stillede spørgsmål

Har jeg brug for en Shopify-app fra App Store?

Nej. Custom Liquid er en indbygget temasektion, og Shopifys egen anbefaling er at bruge temaeditoren, før du griber til kode eller en app. Ikke alle temaer tilbyder den — hvis dit ikke gør, kan du stadig tilføje de to linjer i temaets kode, med det forbehold om opdateringer, der står under faldgruberne ovenfor.

Kan jeg indlejre den på checkout-siden?

Nej — og det er ikke en begrænsning i abonnementet. Shopifys dokumentation siger klart, at sektioner kan tilføjes på alle sider i din onlinebutik undtagen gavekort- og checkout-sider, så der er ingen Custom Liquid-blok at lægge formularen i, og ingen opgradering, der giver en. Checkout tilpasses via checkout-apps. Læg i stedet formularen på en kontaktside eller en anden side i butikken.

Virker det på et brugerdefineret Storefront API-site (Hydrogen, Next.js)?

Ja — en headless butik er din egen frontend, så de to linjer sættes ind i den ligesom på enhver anden side. Én ting at være opmærksom på: Hydrogen leveres med en standard Content-Security-Policy, så tillad cdn.toimii.io i script-src og api.toimii.io i connect-src, når du bygger din egen.

Indlejrer du på en anden platform?

De samme to linjer kode, gennemgået for hver platform.

WordPress

Custom HTML-blok, Block Editor eller Classic. Ingen plugin-installation. Ét forbehold — din brugerrolle skal have unfiltered_html-rettigheden.

Læs hele guiden

Squarespace

Sæt en Code Block ind på en hvilken som helst side. Kræver et abonnement, hvor Code Blocks har lov til at køre JavaScript.

Læs hele guiden

Webflow

Træk et Code Embed-element ind og indsæt de to linjer. Brugerdefineret kode er en betalt funktion i Webflow — det er den ene betingelse.

Læs hele guiden

Wix

Brug Custom Element i Wix: komponentens script-URL i Server URL, dens tag i Tag Name. HTML-indlejringen virker ikke — den er en sandboxed iframe.

Læs hele guiden

Statiske sider

Astro, Hugo, 11ty, Jekyll — de samme to linjer i din layout-skabelon. Builds forbliver hurtige.

Læs hele guiden

HTML / Brugerdefineret

En almindelig HTML-side er nok. Åbn den i en teksteditor, indsæt, gem, upload. Tre trin og du er live.

Læs hele guiden

React / Vue / Angular

Brug det brugerdefinerede element direkte i JSX, Vue-skabeloner eller Angular-komponenter. Ingen wrapper-komponent, ingen ekstra pakke.

Læs hele guiden

Klar til at prøve det?

30-dages gratis prøveperiode. Intet kreditkort. Opsætning på få minutter.

Start gratis prøveperiode

Intet kreditkort påkrævet. Klar på 2 minutter.