Toimii on vaikselt käivitunud, nii et need juhendid kirjeldavad teenust, millega saad juba täna liituda ja mida kasutada. Mõni tükk on veel tulemas — iOS-i ja Androidi rakendused ilmuvad 2026. aasta jooksul.

Kuidas manustada kontaktivorm Shopify's Custom Liquidiga

Custom Liquid sektsioon teemaredaktoris. Ei mingit rakenduse installi ega Liquidi tundmist — kleebi kaks rida ja salvesta.

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

Kas see tegelikult ka töötab?

Jah — kui sinu teema pakub Custom Liquid sektsiooni. See on Shopify enda vastus koodi lisamisele lehele ilma teemafaile muutmata.

Samm-sammult

Ava teemaredaktor

Ava oma Shopify adminis teemaredaktor selle teema juures, mida soovid muuta.

Lisa Custom Liquid sektsioon

Liigu lehele, kus vorm peaks ilmuma, seejärel lisa sektsioon ja vali Custom Liquid.

Kleebi manustamiskood

Kleebi Liquidi väljale kaks rida oma komponendi lehelt Toimiis. Väli võtab vastu toore HTML-i ja laseb selle muutmata läbi, nii et skripti silt ja kohandatud element töötavad nii, nagu kirjutatud.

Salvesta ja kontrolli päris poodi

Salvesta teemaredaktoris, seejärel ava leht oma poes — mitte redaktori eelvaates — ja saada testsõnum. Ainult kohale jõudnud sõnum tõestab, et manustus töötab algusest lõpuni.

Konarused

Lisa kood teemaredaktori kaudu, mitte teemafaile muutes. Shopify uuendab teemat automaatselt ainult seni, kuni selle failid on algses olekus — ja Custom Liquid ongi selleks, et saaksid oma koodi lisada neid puutumata. Kui muudad hoopis teema koodi, jääb iga tulevane uuendus sinu enda käsitsi paigaldada.
Kassa- ja kinkekaardilehed ei võta sektsioone üldse vastu, seega Custom Liquid plokki neile panna ei saa — mitte ühegi paketiga. Pane vorm tavalisele poelehele.
Teemaredaktor muudab ühte teemat ja see ei pruugi olla avaldatud teema. Kui salvestasid koopiasse, jääb sinu päris pood muutumatuks, ükskõik kui õige eelvaade välja näeb — vaata poe URL-i ja kontrolli, milline teema on avaldatud.

Korduma kippuvad küsimused

Kas mul on App Store'ist Shopify rakendust vaja?

Ei. Custom Liquid on sisseehitatud teemasektsioon ja Shopify enda soovitus on kasutada teemaredaktorit, enne kui koodi või rakenduse järele haarata. Kõik teemad seda ei paku — kui sinu teema ei paku, saad kaks rida siiski teema koodi lisada, arvestades ülal konaruste all mainitud uuendushoiatusega.

Kas saan selle kassalehele manustada?

Ei — ja see pole paketi piirang. Shopify dokumentatsioon ütleb otse, et sektsioone saab lisada oma veebipoe igale lehele peale kinkekaardi- ja kassalehtede, seega pole Custom Liquid plokki, kuhu vormi panna, ega uuendust, mis sellise juurde annaks. Kassat kohandatakse kassarakendustega. Pane vorm hoopis kontaktilehele või mõnele muule poelehele.

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

Jah — headless-pood on sinu enda esiots, nii et kaks rida lähevad sinna samamoodi nagu igale teisele lehele. Üks asi tasub üle vaadata: Hydrogenil on vaikimisi Content-Security-Policy, seega luba oma poliitikat koostades script-src-is cdn.toimii.io ja connect-src-is api.toimii.io.

Lisad mõnele teisele platvormile?

Samad 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

Lisa ükskõik millisele lehele Code Block. Vajab paketti, mille koodiplokid tohivad JavaScripti käivitada.

Loe täielikku juhendit

Webflow

Lohista sisse Code Embed element ja kleebi kaks rida. Kohandatud kood on Webflow' tasuline võimalus — see ongi ainus tingimus.

Loe täielikku juhendit

Wix

Kasuta Wixi Custom Elementi: oma komponendi skripti URL Server URL-i ja selle silt Tag Name'i. HTML-manustus ei tööta — see on liivakasti-iframe.

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.

Alusta tasuta prooviperioodi

Krediitkaarti pole vaja. Seadistus 2 minutiga.