Þessar leiðbeiningar lýsa Toimii eftir að þjónustan fer í loftið. Mælaborðið og innheimta eru ekki enn tiltæk — Toimii fer í loftið árið 2026.

Hvernig á að fella inn sambandaform á Shopify með Custom Liquid

Custom Liquid-hluti í hvaða þema sem er. Engin forritauppsetning, engar Liquid-þekkingarkröfur — límdu bara tvær línurnar.

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

Virkar þetta í raun?

Já — á hvaða Shopify-þema sem styður Online Store 2.0 (Dawn og hvaða nútímaþema sem er). Custom Liquid-hlutinn er innbyggður í Shopify; engin forritauppsetning, engin þemakóðabreyting þarf á flestum síðum.

Skref fyrir skref

Opnaðu þemarkitilinn

Farðu úr Shopify-stjórnendanum í Online Store → Þemu → Sérsníða á þemanu sem þú vilt breyta.

Bættu við Custom Liquid-hluta

Veldu síðuna þar sem formið á að birtast (síðu, sambandsíðu eða hvaða síðusniðmát sem er). Smelltu á Bæta við hluta og veldu Custom Liquid.

Límdu innfellingarkóðann

Límdu tvær línurnar úr Toimii-mælaborðinu þínu í Liquid-reitinn. Liquid lætur óbreytt HTML fara í gegn, þannig að script-merkið og sérsniðna einingin virka eins og þær eru skrifaðar.

Vistaðu þemað

Vistaðu í þemarkitlinum. Formið er strax virkt á versluninni.

Prófaðu á lifandi verslun

Opnaðu lifandi síðuna (ekki forsýninguna) og sendu prófunarskilaboð til að staðfesta að allt virki. Ef eitthvað lítur skrítið út skaltu skoða gildurnar hér að neðan.

Algeng gildrur

Beinar theme.liquid-breytingar yfirskrifast við þemauppfærslu. Notaðu Custom Liquid-hlutann í þemarkitlinum (vistast per-síðu) eða tvítakaðu þemað áður en þú breytir grunnsskrám.
Custom Liquid á greiðslugáttarsíðum krefst Shopify Plus. Á venjulegum áskriftum skaltu fella inn á samband-, FAQ- eða vörusíður í staðinn.
Sum þemu hafa innbyggðar CSP-reglur sem lokar á þriðja aðila skript. Ef formið birtist ekki skaltu leyfa cdn.toimii.io og api.toimii.io í script-src / connect-src.
Þemarkitillinn forsýnir stundum hluta með lata-hleðslu á þann hátt að það brotnar við fyrstu birtingu sérsniðinna eininga. Skoðaðu síðuna á lifandi verslunar-URL (eða notaðu „Skoða"-hnappinn) til að staðfesta — forsýning er ekki sannleiksbær.
Ef þú vefur formið í Liquid {% if %}-blokk hleðst skriftið samt á hverri síðu. Til að spara bæti skaltu gæta script-merkinu með sömu skilyrði.

Oft spurð

Þarf ég Shopify-forrit úr App Store?

Nei. Custom Liquid er innbyggður Shopify-þemahluti — hvert þema frá Dawn og áfram styður það. Forritaverslanir eru fullar af „sambandaform"-forritum; þú þarft ekkert þeirra fyrir Toimii.

Get ég fellt það inn á greiðslugáttarsíðuna?

Ekki á venjulegum áskriftum. Custom Liquid á greiðslugáttarsíðum krefst Shopify Plus. Á venjulegum verslunum skaltu fella formið inn á samband-, FAQ- eða eftirkaupa-pöntunarstaðussíður í staðinn.

Munu þemauppfærslur þurrka út innfellingarkóðann minn?

Já — beinar breytingar á þemaskrám (theme.liquid, sections/*.liquid) yfirskrifast þegar þú uppfærir eða endurheimtir þemað. Tvær öruggar leiðir: notaðu þemahluta + Custom Liquid-blokk (vistast per-síðu í þemarkitlinum), eða tvítakaðu þemað áður en þú breytir grunnsskrám.

Verslunin mín er með Content-Security-Policy — blokkerar hún Toimii?

Nokkrar verslanir hafa strangar Content-Security-Policy-reglur í gegnum þemastillingar eða forrit. Ef formið birtist ekki skaltu leyfa þetta í script-src: cdn.toimii.io og api.toimii.io.

Virkar þetta á sérsniðnum Storefront API-síðum (Hydrogen, Next.js)?

Já. Notaðu App Bridge til að birta HTML-geymir, settu síðan script-merki og sérsniðna einingu inn í hann. Sama nálgun: tvær línur af kóða, sérsniðna einingin gerir restina.

Ert þú að fella inn á annan vettvang?

Sömu tvær línur af kóða, útfærðar fyrir hverja vettvang.

WordPress

Custom HTML-blokkur, blokkaritill eða klassískt. Engin viðbótauppsetning. Ein gildra — notandahlutverk þitt þarf unfiltered_html-heimild.

Lesa allar leiðbeiningar

Squarespace

Slepptu kóðablokk á hvaða síðu sem er. Krefst Core-áskriftar (2025-endurnefning á Business) eða hærri.

Lesa allar leiðbeiningar

Webflow

Code Embed-einingin ræður 50.000 stafi. Sérsniðinn kóði krefst Basic-áskriftar eða hærri. Birtu til að sjá.

Lesa allar leiðbeiningar

Wix

Wix sandkassast Embed-widget, þannig að við notum skiptaaðferð — skrift í Settings → Custom Code, merki í gegnum Embed a Widget. Heiðarleg leiðbeining.

Lesa allar leiðbeiningar

Kyrrstæðar síður

Astro, Hugo, 11ty, Jekyll — sömu tvær línurnar í útlitssniðmátið. Smíðarnar haldast hraðar.

Lesa allar leiðbeiningar

HTML / Sérsniðið

Venjuleg HTML-síða dugar. Opnaðu í hvaða textaritli sem er, límdu inn, vistaðu, hladdu upp. Þrjú skref og þú ert búinn.

Lesa allar leiðbeiningar

React / Vue / Angular

Notaðu sérsniðna einingamerkið beint í JSX, Vue-sniðmátum eða Angular-einingum. Engin hjúpunareining, enginn aukapakki.

Lesa allar leiðbeiningar

Tilbúinn að prófa?

30 daga ókeypis prufa. Ekkert kreditkort. Tilbúið á mínútum.

Ekkert kreditkort nauðsynlegt. Tilbúið á 2 mínútum.