Disse veiledningene beskriver Toimii etter at tjenesten er lansert. Dashbordet og faktureringen er ikke tilgjengelig ennå — Toimii lanseres i 2026.

Slik bygger du inn et kontaktskjema på Shopify med Custom Liquid

En Custom Liquid-seksjon i et hvilket som helst tema. Ingen appinstallasjon, ingen Liquid-kunnskap nødvendig — bare lim inn de to linjene.

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

Fungerer dette faktisk?

Ja — på alle Shopify-temaer som støtter Online Store 2.0 (Dawn og alle moderne temaer). Custom Liquid-seksjonen er innebygd i Shopify; ingen appinstallasjon, ingen temakode-redigering nødvendig for de fleste sider.

Steg for steg

Åpne temaeditoren

Fra Shopify-admin, gå til Nettbutikk → Temaer → Tilpass på temaet du vil redigere.

Legg til en Custom Liquid-seksjon

Velg siden der skjemaet skal vises (en side, kontaktsiden eller en hvilken som helst sidemal). Klikk Legg til seksjon og velg Custom Liquid.

Lim inn innbyggingskoden

Lim inn de to linjene fra Toimii-dashbordet ditt i Liquid-feltet. Liquid sender rå HTML gjennom uendret, så script-taggen og det egendefinerte elementet fungerer som skrevet.

Lagre temaet

Lagre i temaeditoren. Skjemaet er live i butikken umiddelbart.

Test på live-butikken

Åpne live-siden (ikke forhåndsvisningen) og send en testmelding for å bekrefte at det fungerer end-to-end. Hvis noe ser rart ut, se fallgruvene nedenfor.

Vanlige fallgruver

Direkte theme.liquid-redigeringer overskrives ved temaoppdatering. Bruk Custom Liquid-seksjonen i temaeditoren (lagret per side) eller dupliser temaet før redigering av kjernefiler.
Custom Liquid på kassesider krever Shopify Plus. På standardplaner bygger du inn på kontakt-, FAQ- eller produktsider i stedet.
Noen temaer har en innebygd CSP som blokkerer tredjepartsskript. Hvis skjemaet ikke gjengis, tillat cdn.toimii.io og api.toimii.io i script-src / connect-src.
Temaeditorens forhåndsvisning laster noen ganger inn seksjoner på en måte som ødelegger første gjengivelse av egendefinerte elementer. Se siden på live-butikkens URL (eller bruk "Vis"-knappen) for å bekrefte — forhåndsvisning er ikke sannhetskilden.
Hvis du pakker skjemaet i en Liquid {% if %}-blokk, lastes skriptet likevel inn på hver side. For å spare bytes, gat script-taggen med samme betingelse.

Ofte stilte spørsmål

Trenger jeg en Shopify-app fra App Store?

Nei. Custom Liquid er en innebygd Shopify-temaseksjon — hvert tema fra Dawn og nyere støtter det. App-butikker er fulle av "kontaktskjema"-apper; du trenger ingen av dem for Toimii.

Kan jeg bygge det inn på kassesiden?

Ikke på standardplaner. Custom Liquid på kassesider krever Shopify Plus. På ikke-Plus-butikker, bygg inn skjemaet på en kontaktside, FAQ-side eller etterkjøps-ordrestatusside i stedet.

Vil temaoppdateringer slette innbyggingskoden min?

Ja — direkte redigeringer av temafiler (theme.liquid, sections/*.liquid) overskrives når du oppdaterer eller gjenoppretter temaet. To sikrere alternativer: bruk en temaseksjon + Custom Liquid-blokk (lagret per side i temaeditoren), eller dupliser temaet før redigering.

Butikken min har en Content-Security-Policy — blokkerer den Toimii?

Noen butikker har en streng Content-Security-Policy via temainnstillinger eller apper som Shopifys Online Store 2.0-temaer med CSP-overskrifter. Hvis skjemaet ikke gjengis, tillat disse i script-src: cdn.toimii.io og api.toimii.io.

Fungerer det på et egendefinert Storefront API-nettsted (Hydrogen, Next.js)?

Ja. Bruk App Bridge for å gjengi en HTML-beholder, og injiser deretter script-taggen og det egendefinerte elementet i den. Samme tilnærming: to linjer kode, det egendefinerte elementet gjør resten.

Bygger du inn på en annen plattform?

Samme to linjer kode, tilpasset for hver plattform.

WordPress

Egendefinert HTML-blokk, blokkeditor eller klassisk. Ingen plugin-installasjon. Én hake — brukerrollen din trenger unfiltered_html-kapabilitet.

Les hele guiden

Squarespace

Slipp en kodeblokk på en hvilken som helst side. Krever Core-planen (2025-omdøping av Business) eller høyere.

Les hele guiden

Webflow

Code Embed-elementet rommer opptil 50 000 tegn. Egendefinert kode krever Basic-planen eller høyere. Publiser for å forhåndsvise.

Les hele guiden

Wix

Wix sandbox-er Embed-widgeten, så vi bruker en delt metode — skript i Innstillinger → Egendefinert kode, tag via Bygg inn en widget. Ærlig guide.

Les hele guiden

Statiske nettsteder

Astro, Hugo, 11ty, Jekyll — samme to linjer i layoutmalen din. Byggene forblir raske.

Les hele guiden

HTML / Egendefinert

En vanlig HTML-side er nok. Åpne den i en teksteditor, lim inn, lagre, last opp. Tre steg og du er live.

Les hele guiden

React / Vue / Angular

Bruk det egendefinerte elementet direkte i JSX, Vue-maler eller Angular-komponenter. Ingen wrapper-komponent, ingen ekstra pakke.

Les hele guiden

Klar til å prøve det?

30-dagers gratis prøveperiode. Inget kredittkort. Klar på minutter.

Ingen kredittkort nødvendig. Klar på 2 minutter.