Toimii tyliai startavo, todėl šiuose vadovuose aprašoma paslauga, prie kurios gali užsiregistruoti ir kurią gali naudoti jau šiandien. Kelios dalys dar kelyje — iOS ir Android programėlės pasirodys vėliau 2026 m.

Kaip įterpti kontaktų formą Shopify su Pasirinktiniu Liquid

Pasirinktinė Liquid sekcija temos redaktoriuje. Jokio programos diegimo, jokių Liquid žinių nereikia — įklijuok dvi eilutes ir išsaugok.

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

Ar tai tikrai veikia?

Taip — jei tavo tema siūlo Pasirinktinę Liquid sekciją. Būtent taip pati Shopify siūlo pridėti kodą į puslapį neredaguojant temos failų.

Žingsnis po žingsnio

Atidaryti temos redaktorių

Shopify administravimo srityje atidaryk temos redaktorių tai temai, kurią nori keisti.

Pridėti Pasirinktinę Liquid sekciją

Nueik į puslapį, kuriame turi atsirasti forma, tada pridėk sekciją ir pasirink Custom Liquid.

Įklijuoti įterpimo kodą

Įklijuok dvi eilutes iš savo komponento puslapio Toimii į Liquid lauką. Laukas priima neapdorotą HTML ir praleidžia jį nepakeistą, todėl scenarijaus žymė ir pasirinktinis elementas veikia kaip parašyta.

Išsaugoti ir patikrinti tiesioginę parduotuvę

Išsaugok temos redaktoriuje, tada atidaryk puslapį savo parduotuvėje — ne redaktoriaus peržiūroje — ir išsiųsk bandomąją žinutę. Tik gauta žinutė įrodo, kad įterpimas veikia nuo pradžios iki galo.

Klaidos

Kodą pridėk per temos redaktorių, o ne redaguodamas temos failus. Shopify temą atnaujina automatiškai tik tol, kol jos failai yra pradinės būklės — o Pasirinktinis Liquid ir egzistuoja tam, kad savo kodą pridėtum jų neliesdamas. Jei redaguosi temos kodą, kiekvieną būsimą atnaujinimą teks diegti rankomis.
Atsiskaitymo ir dovanų kortelių puslapiai sekcijų iš viso nepriima, tad Pasirinktinio Liquid bloko juose įdėti nepavyks — su jokiu planu. Formą įdėk įprastame parduotuvės puslapyje.
Temos redaktorius redaguoja vieną temą, ir nebūtinai tą, kuri paskelbta. Jei išsaugojai kopijoje, tavo veikianti parduotuvė nepasikeis, kad ir kaip teisingai atrodytų peržiūra — patikrink parduotuvės URL ir tai, kuri tema yra paskelbta.

Dažnai klausiama

Ar man reikia Shopify programos iš App Store?

Ne. Pasirinktinis Liquid yra įmontuota temos sekcija, o pati Shopify pataria pirmiausia naudoti temos redaktorių ir tik tada griebtis kodo ar programos. Ne kiekviena tema ją siūlo — jei tavoji nesiūlo, dvi eilutes vis tiek gali įrašyti į temos kodą, tik su ta atnaujinimų išlyga, apie kurią rašome aukščiau.

Ar galiu įterpti atsiskaitymo puslapyje?

Ne — ir tai ne plano apribojimas. Shopify dokumentacijoje aiškiai parašyta, kad sekcijas galima pridėti bet kuriame internetinės parduotuvės puslapyje, išskyrus dovanų kortelių ir atsiskaitymo puslapius, tad ten nėra ir Pasirinktinio Liquid bloko, į kurį įdėtum formą, ir nėra plano, kuris tokį pridėtų. Atsiskaitymas tinkinamas atsiskaitymo programomis. Formą įdėk kontaktų arba bet kuriame kitame parduotuvės puslapyje.

Ar veiks pasirinktinėje Storefront API svetainėje (Hydrogen, Next.js)?

Taip — headless parduotuvė yra tavo paties sąsaja, tad dvi eilutės į ją įrašomos lygiai taip pat kaip į bet kurį kitą puslapį. Vieną dalyką verta patikrinti: Hydrogen turi numatytąją Content-Security-Policy, tad kurdamas savąją leisk cdn.toimii.io script-src srityje ir api.toimii.io connect-src srityje.

Įterpiama kitoje platformoje?

Tos pačios dvi kodo eilutės, išskaidytos kiekvienai platformai.

WordPress

Pasirinktinis HTML blokas, Blokų redaktorius arba Klasikinis. Jokio papildinių diegimo. Vienas niuansas — tavo naudotojo vaidmuo turi turėti unfiltered_html galimybę.

Skaityti visą vadovą

Squarespace

Įklijuok kodo bloką bet kuriame puslapyje. Reikia plano, kurio kodo blokams leidžiama vykdyti JavaScript.

Skaityti visą vadovą

Webflow

Įvilk Kodo įterpimo elementą ir įklijuok dvi eilutes. Webflow pasirinktinis kodas yra mokama galimybė — tai vienintelė sąlyga.

Skaityti visą vadovą

Wix

Naudok Wix Custom Element: savo komponento scenarijaus URL į Server URL, jo žymę į Tag Name. HTML įterpimas neveiks — tai smėlio dėžės iframe.

Skaityti visą vadovą

Statinės svetainės

Astro, Hugo, 11ty, Jekyll — tos pačios dvi eilutės tavo išdėstymo šablone. Kūrimai lieka greiti.

Skaityti visą vadovą

HTML / Pasirinktinis

Pakanka paprasto HTML puslapio. Atidaryk bet kuriame teksto redaktoriuje, įklijuok, išsaugok, įkelk. Trys žingsniai ir forma jau veikia.

Skaityti visą vadovą

React / Vue / Angular

Naudok pasirinktinį elementą tiesiogiai JSX, Vue šablonuose ar Angular komponentuose. Jokio apgaubiančio komponento, jokio papildomo paketo.

Skaityti visą vadovą

Pasiruošęs išbandyti?

30 dienų nemokamas bandymas. Kredito kortelės nereikia. Pasiruoši per kelias minutes.

Pradėti nemokamą bandymą

Kredito kortelės nereikia. Pasiruoši per 2 minutes.