Disse guider beskriver Toimii, når tjenesten er gået live. Dashboard og fakturering er endnu ikke tilgængelige — Toimii lanceres i 2026.

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

En Custom Liquid-sektion i et hvilket som helst tema. Ingen app-installation, ingen Liquid-kendskab nødvendigt — bare indsæt de to linjer.

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

Virker dette rent faktisk?

Ja — på alle Shopify-temaer, der understøtter Online Store 2.0 (Dawn og alle moderne temaer). Custom Liquid-sektionen er indbygget i Shopify; ingen app-installation, ingen temakode-redigering nødvendig for de fleste sider.

Trin for trin

Åbn temaeditor

Fra dit Shopify-admin skal du gå til Onlinebutik → Temaer → Tilpas på det tema, du vil redigere.

Tilføj en Custom Liquid-sektion

Vælg den side, hvor formularen skal vises (en side, kontaktsiden eller en vilkårlig sideskabelon). Klik Tilføj sektion og vælg Custom Liquid.

Indsæt indlejringskoden

Indsæt de to linjer fra dit Toimii-dashboard i Liquid-feltet. Liquid sender rå HTML uændret igennem, så script-tagget og det brugerdefinerede element virker som skrevet.

Gem temaet

Gem i temaeditor. Formularen er live i butikken med det samme.

Test på den live butik

Åbn den live side (ikke preview) og indsend en testbesked for at bekræfte, at det virker fra ende til anden. Hvis noget ser forkert ud, se faldgruber nedenfor.

Almindelige faldgruber

Direkte theme.liquid-redigeringer overskrives ved temaopdatering. Brug Custom Liquid-sektionen i temaeditor (gemt per side) eller dupliker temaet, inden du redigerer kernefiler.
Custom Liquid på checkout-sider kræver Shopify Plus. På standardabonnementer skal du indlejre på kontakt-, FAQ- eller produktsider i stedet.
Nogle temaer har en indbygget CSP, der blokerer tredjepartsscripts. Hvis formularen ikke renderes, skal du tillade cdn.toimii.io og api.toimii.io i script-src / connect-src.
Temaeditorens preview indlæser sommetider sektioner på en måde, der bryder første rendering af brugerdefinerede elementer. Se siden på den live butiks-URL (eller brug "Vis"-knappen) for at bekræfte — preview er ikke sandheden.
Hvis du wrapper formularen i en Liquid {% if %}-blok, indlæses scriptet stadig på hver side. For at spare bytes skal du gate script-tagget med samme betingelse.

Ofte stillede spørgsmål

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

Nej. Custom Liquid er en indbygget Shopify-temasektion — hvert tema fra Dawn og frem understøtter det. App Store er fuld af "kontaktformular"-apps; du behøver ingen af dem til Toimii.

Kan jeg indlejre den på checkout-siden?

Ikke på standardabonnementer. Custom Liquid på checkout-sider kræver Shopify Plus. På ikke-Plus-butikker kan du i stedet indlejre formularen på en kontaktside, FAQ-side eller ordrestatusside efter køb.

Vil temaopdateringer slette min indlejringskode?

Ja — direkte redigeringer af temafiler (theme.liquid, sections/*.liquid) overskrives, når du opdaterer eller gendanner temaet. To sikrere muligheder: brug en temasektion + Custom Liquid-blok (gemt per side i temaeditor), eller dupliker temaet, inden du redigerer.

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

Nogle butikker har en streng Content-Security-Policy via temaindstillinger eller apps som Shopifys Online Store 2.0-temaer med CSP-headere. Hvis formularen ikke renderes, skal du tillade disse i script-src: cdn.toimii.io og api.toimii.io.

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

Ja. Brug App Bridge til at rendere en HTML-container, og indsæt derefter script-tagget og det brugerdefinerede element i det. Samme tilgang: to linjer kode, det brugerdefinerede element klarer resten.

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

Drop en Code Block på en hvilken som helst side. Kræver Core-abonnementet (2025-omdøbning af Business) eller højere.

Læs hele guiden

Webflow

Code Embed-elementet rummer op til 50.000 tegn. Brugerdefineret kode kræver Basic-abonnementet eller derover. Publicer for at se preview.

Læs hele guiden

Wix

Wix sandboxer Embed-widget'en, så vi bruger en split-metode — script i Indstillinger → Brugerdefineret kode, tag via Embed a Widget. Ærlig guide.

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.

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