Šiuose vadovuose aprašoma, kaip Toimii veiks po paleidimo. Valdymo skydelis ir atsiskaitymas dar neprieinami — Toimii pradės veikti 2026 m.

Kaip įterpti kontaktų formą Shopify su Pasirinktinis Liquid

Pasirinktinė Liquid sekcija bet kurioje temoje. Jokio programos diegimo, jokių Liquid žinių nereikia — tiesiog įklijuokite dvi eilutes.

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

Ar tai tikrai veikia?

Taip — kiekvienoje Shopify temoje, palaikančioje Online Store 2.0 (Dawn ir bet kuri moderni tema). Pasirinktinė Liquid sekcija yra įmontuota Shopify; jokio programos diegimo, jokio temos kodo redagavimo nereikia daugeliui puslapių.

Žingsnis po žingsnio

Atidaryti temos redaktorių

Iš savo Shopify administravimo eik į Internetinė parduotuvė → Temos → Tinkinti norimai redaguoti temai.

Pridėti Pasirinktinę Liquid sekciją

Pasirink puslapį, kuriame turi atsirasti forma (Puslapis, Kontaktų puslapis ar bet kuris puslapio šablonas). Spustelėk Pridėti sekciją ir pasirink Pasirinktinis Liquid.

Įklijuoti įterpimo kodą

Įklijuok dvi eilutes iš Toimii valdymo skydelio į Liquid lauką. Liquid praleidžia neapdorotą HTML nepakeistą, todėl scenarijaus žymė ir pasirinktinis elementas veikia kaip parašyta.

Išsaugoti temą

Išsaugoti temos redaktoriuje. Forma iš karto aktyvuojama parduotuvėje.

Testuoti tiesioginėje parduotuvėje

Atidaryti tiesioginį puslapį (ne peržiūrą) ir pateikti bandomąją žinutę, kad patvirtintum, jog viskas veikia. Jei kažkas atrodo ne taip, žiūrėk gotchas žemiau.

Dažnos klaidos

Tiesioginiai theme.liquid redagavimai perrašomi temos atnaujinimo metu. Naudokite Pasirinktinis Liquid sekciją temos redaktoriuje (išsaugoma puslapiuose) arba dubliuokite temą prieš redaguodami pagrindinius failus.
Pasirinktinis Liquid atsiskaitymo puslapiuose reikalauja Shopify Plus. Standartuose planuose įterpkite kontakto, DUK ar produkto puslapiuose.
Kai kurios temos turi įmontuotą CSP, blokuojantį trečiųjų šalių scenarijus. Jei forma nerodoma, leisk cdn.toimii.io ir api.toimii.io script-src / connect-src srityse.
Temos redaktoriaus peržiūra kartais tingiai įkrauna sekcijas tokiu būdu, kad sulaužo pirmąjį atvaizdavimą pasirinktinių elementų. Peržiūrėkite puslapį tiesioginės parduotuvės URL (arba naudokite mygtuką „Peržiūrėti") — peržiūra nėra tiesos šaltinis.
Jei apgaubti formą Liquid {% if %} bloku, scenarijus vis tiek įkraunamas kiekviename puslapyje. Norėdami sutaupyti baitų, apgaukite scenarijaus žymę tąpačia sąlyga.

Dažnai klausiama

Ar man reikia Shopify programos iš App Store?

Ne. Pasirinktinis Liquid yra įmontuota Shopify temos sekcija — kiekviena tema nuo Dawn palaiko ją. Programų parduotuvės pilnos „kontaktų formų" programų; jų nereikia Toimii.

Ar galiu įterpti atsiskaitymo puslapyje?

Ne standartuose planuose. Pasirinktinis Liquid atsiskaitymo puslapiuose reikalauja Shopify Plus. Ne Plus parduotuvėse įterpkite formą kontaktų puslapyje, DUK puslapyje arba pirkimo po užsakymo būsenos puslapyje.

Ar temos atnaujinimai ištrina mano įterpimo kodą?

Taip — tiesioginiai redagavimai temos failuose (theme.liquid, sections/*.liquid) perrašomi, kai atnaujini ar atkuri temą. Dvi saugesnės galimybės: naudok temos sekciją + Pasirinktinis Liquid bloką (išsaugomas puslapiuose temos redaktoriuje) arba dubliuok temą prieš redaguodamas.

Mano parduotuvė turi Content-Security-Policy — ar tai blokuoja Toimii?

Kai kurios parduotuvės turi griežtą Content-Security-Policy per temos nustatymus arba programas. Jei forma nerodoma, leisk šiuos script-src srityje: cdn.toimii.io ir api.toimii.io.

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

Taip. Naudokite App Bridge HTML talpyklos atvaizdavimui, tada įkelkite scenarijų žymę ir pasirinktinį elementą į ją. Tas pats požiūris: dvi kodo eilutės, pasirinktinis elementas atlieka likusį darbą.

Į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 — jūsų naudotojo vaidmuo turi turėti unfiltered_html galimybę.

Skaityti visą vadovą

Squarespace

Įkijuokite kodo bloką bet kuriame puslapyje. Reikalauja Core plano (2025 m. Business perkūrimas) arba aukštesnio.

Skaityti visą vadovą

Webflow

Kodo įterpimo elementas talpina iki 50 000 simbolių. Pasirinktinis kodas reikalauja pagrindinio plano arba aukštesnio. Publikuokite, kad pamatytumėte.

Skaityti visą vadovą

Wix

Wix apsaugo įterpimo valdiklį smėlio dėžėje, todėl naudojame išskaidytą metodą — scenarijus nustatymuose → Pasirinktinis kodas, žymė per Įterpti valdiklį. Sąžiningas vadovas.

Skaityti visą vadovą

Statinės svetainės

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

Skaityti visą vadovą

HTML / Pasirinktinis

Pakanka paprastos HTML puslapio. Atidaryk bet kuriame teksto redaktoriuje, įklijuok, išsaugok, įkelk. Trys žingsniai ir esi aktyvus.

Skaityti visą vadovą

React / Vue / Angular

Naudokite 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.

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