Need juhendid kirjeldavad Toimiit, kui see on töös. Töölaud ja arveldus pole veel saadaval — Toimii käivitub 2026. aastal.

Kuidas manustada kontaktivorm Shopify's Custom Liquidiga

Custom Liquid sektsioon ükskõik millises teemas. Ei mingit rakenduse installi ega Liquidi tundmist — lihtsalt kleebi kaks rida.

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

Kas see tegelikult ka töötab?

Jah — igas Shopify teemas, mis toetab Online Store 2.0 (Dawn ja iga moodne teema). Custom Liquid sektsioon on Shopify's sisseehitatud; enamiku lehtede puhul pole rakenduse installi ega teemakoodi muutmist vaja.

Samm-sammult

Ava teemaredaktor

Mine oma Shopify administ kohta Online Store → Themes → Customize selle teema juures, mida soovid muuta.

Lisa Custom Liquid sektsioon

Vali leht, kus vorm peaks ilmuma (Page, kontaktileht või suvaline lehemall). Klõpsa Add section ja vali Custom Liquid.

Kleebi manustamiskood

Kleebi kaks rida oma Toimii töölaualt Liquidi väljale. Liquid laseb toore HTML-i muutmata läbi, nii et skripti silt ja kohandatud element töötavad nii, nagu kirjutatud.

Salvesta teema

Salvesta teemaredaktoris. Vorm on poes kohe eetris.

Testi live-poes

Ava live-leht (mitte eelvaade) ja saada testsõnum, et kinnitada toimimist algusest lõpuni. Kui midagi tundub valesti, vaata allolevaid lõkse.

Levinud konarused

Otsesed theme.liquid muudatused kirjutatakse teemauuendusel üle. Kasuta teemaredaktoris Custom Liquid sektsiooni (salvestub lehekülgede kaupa) või dubleeri teema enne põhifailide muutmist.
Custom Liquid kassalehtedel nõuab Shopify Plusi. Tavapakettidega manusta hoopis kontakti-, KKK- või tootelehtedele.
Mõnel teemal on sisseehitatud CSP, mis blokeerib kolmandate osapoolte skripte. Kui vorm ei renderdu, luba script-src / connect-src-is cdn.toimii.io ja api.toimii.io.
Teemaredaktori eelvaade laadib mõnikord sektsioone hiljemlaadimisega viisil, mis lõhub kohandatud elementide esimest renderdust. Kontrollimiseks vaata lehte poe live-aadressil (või kasuta nuppu "View") — eelvaade pole tõe allikas.
Kui mässid vormi Liquid-{% if %}-ploki sisse, laaditakse skript ikkagi igal lehel. Baitide säästmiseks piira skripti silti sama tingimusega.

Korduma kippuvad küsimused

Kas mul on App Store'ist Shopify rakendust vaja?

Ei. Custom Liquid on Shopify sisseehitatud teemasektsioon — kõik teemad alates Dawnist toetavad seda. Rakenduste poed on täis "kontaktivormi" rakendusi; Toimii jaoks ei vaja sa neist ühtegi.

Kas saan selle kassalehele manustada?

Mitte tavapakettidega. Custom Liquid kassalehtedel nõuab Shopify Plusi. Mitte-Plus poodides manusta vorm hoopis kontaktilehele, KKK-lehele või ostujärgsele tellimuse oleku lehele.

Kas teemauuendused kustutavad mu manustamiskoodi?

Jah — otsemuudatused teemafailides (theme.liquid, sections/*.liquid) kirjutatakse üle, kui teemat uuendad või taastad. Kaks turvalisemat valikut: kasuta teemasektsiooni + Custom Liquid plokki (salvestub teemaredaktoris lehekülgede kaupa) või dubleeri teema enne muutmist.

Mu poel on Content-Security-Policy — kas see blokeerib Toimii?

Mõnel poel on range Content-Security-Policy teemaseadete või rakenduste kaudu (näiteks Shopify Online Store 2.0 teemad CSP-päistega). Kui vorm ei renderdu, luba script-src-is need: cdn.toimii.io ja api.toimii.io.

Kas see töötab kohandatud Storefront API saidil (Hydrogen, Next.js)?

Jah. Kasuta App Bridge'i HTML-konteineri renderdamiseks ja sisesta sinna skripti silt ja kohandatud element. Sama lähenemine: kaks rida koodi, kohandatud element teeb ülejäänu.

Lisad mõnele teisele platvormile?

Sama kaks rida koodi, igale platvormile eraldi lahti seletatud.

WordPress

Custom HTML plokk, Block-redaktor või Classic. Lisandmooduli paigaldamist pole vaja. Üks konks — sinu kasutajaroll vajab unfiltered_html õigust.

Loe täielikku juhendit

Squarespace

Pudista ükskõik millisele lehele Code Block. Nõuab Core paketti (2025. aasta Business'i ümbernimetus) või kõrgemat.

Loe täielikku juhendit

Webflow

Code Embed element mahutab kuni 50 000 märki. Kohandatud kood eeldab vähemalt Basic-paketti. Tulemuse nägemiseks avalda leht.

Loe täielikku juhendit

Wix

Wix isoleerib Embed-vidina liivakasti, seega kasutame jagatud meetodit — skript kohta Settings → Custom Code, silt vidina Embed a Widget kaudu. Aus juhend.

Loe täielikku juhendit

Staatilised saidid

Astro, Hugo, 11ty, Jekyll — needsamad kaks rida sinu paigutusmalli. Ehitused jäävad kiireks.

Loe täielikku juhendit

HTML / Kohandatud

Tavalisest HTML-lehest piisab. Ava see suvalises tekstiredaktoris, kleebi, salvesta, lae üles. Kolm sammu ja oledki eetris.

Loe täielikku juhendit

React / Vue / Angular

Kasuta kohandatud elementi otse JSX-is, Vue mallides või Angulari komponentides. Ei mingit ümbriskomponenti ega lisapaketti.

Loe täielikku juhendit

Valmis proovima?

30-päevane tasuta prooviperiood. Krediitkaarti pole vaja. Valmis mõne minutiga.

Krediitkaarti pole vaja. Seadistus 2 minutiga.