Shopify integracija
Pridėkite ChatReact AI pokalbių robotus, kontaktų formas ir DUK akordeonus į savo Shopify parduotuvę naudodami oficialią ChatReact Shopify programėlę.
Diegimas
- Įdiekite ChatReact programėlę iš Shopify App Store
- Atidarykite programėlę savo Shopify administravimo skydelyje
Nereikia atskiro paskyros prijungimo — programėlę susiejate su savo pokalbių robotais ir formomis įklijuodami jų ID iš ChatReact skydelio.
Funkcijos
Shopify programėlė teikia tris valdiklių tipus:
| Widget | Aprašymas | Vieta |
|---|---|---|
| Chat Widget | AI pokalbių robotas su tiesioginio pokalbio palaikymu | Visame puslapyje arba konkrečiuose puslapiuose per App Embed |
| Form Widget | Kontaktų formos su apsauga nuo šlamšto | Inline per App Block temų redaktoriuje |
| FAQ Widget | Akordeono stiliaus DUK rodymas | Inline per App Block temų redaktoriuje |
Pokalbių valdiklio nustatymas
Pokalbių valdiklio nustatymas susideda iš dviejų žingsnių: sukurti valdiklio paskyrimą ChatReact programėlėje, tada įjungti App Embed savo tema.
1 veiksmas: sukurkite valdiklio paskyrimą
- Atidarykite ChatReact programėlę savo Shopify administracijoje
- Skirtuke Chat Widget spustelėkite Add Assignment
- Įveskite savo Chatbot ID (randamas ChatReact skydelyje po Settings → Embed)
- Spustelėkite Save Assignment
2 veiksmas: įjunkite App Embed
- Eikite į Online Store → Themes → Edit theme
- Apatiniame kairiajame šoniniame meniu spustelėkite piktogramą App embeds (puzzle piece)
- Perjungikite ChatReact Chat Widget į ON
- Spustelėkite Save
Reikalinga įjungti App Embed tik vieną kartą. Po to valdiklio vietas visiškai administruojate iš ChatReact programėlės.
Pokalbių valdiklis pasirodo visuose puslapiuose, kuriuos aprėpia vienas iš jūsų valdiklio paskyrimų.
Valdiklio paskyrimai
Kiekvienas paskyrimas susieja pokalbių robotą su jūsų parduotuvės priekiu. Yra du paskyrimų tipai:
- Everywhere: valdiklis rodomas visuose puslapiuose (numatytasis). Galite opcionaliai pridėti Exclude URLs — vienas kelias per eilutę, palaikomi
*žvaigždutės šablonai (pvz./blogs/*) - Specific Page: valdiklis rodomas tik puslapio kelyje, kurį įvedate (pvz.
/pages/about)
Jei puslapis turi savo Specific Page paskyrimą, ten bus rodomas tas pokalbių robotas vietoje Everywhere roboto.
Formų ir DUK valdiklių pridėjimas
Formų ir DUK valdikliai pridedami kaip App Blocks temų redaktoriuje:
- Eikite į Online Store → Themes → Edit theme
- Pereikite į puslapį, kuriame norite talpinti valdiklį
- Spustelėkite Add block ir suraskite „ChatReact"
- Pasirinkite ChatReact Form arba ChatReact FAQ
- Įveskite Form ID arba Chatbot ID bloko nustatymuose
Rankinis įdėjimas (Liquid)
Jei pageidaujate redaguoti šablonus tiesiogiai, taip pat galite pridėti valdiklius į bet kurį Liquid šabloną:
<!-- Form widget -->
<div id="chatreact-form"></div>
<script src="https://www.chatreact.ai/embed/form.js"
data-form-id="YOUR_FORM_ID"
data-container="chatreact-form"
async></script>
<!-- FAQ widget -->
<div id="chatreact-faq"></div>
<script src="https://www.chatreact.ai/embed/faq-widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
data-container="chatreact-faq"
async></script>
Formos valdiklio stilius
Priderinkite formos išvaizdą temų redaktoriuje:
| Setting | Parinktys |
|---|---|
| Alignment | Kairė, Centras, Dešinė |
| Max Width | 200–1200px |
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
| Language | Automatinis aptikimas (numatytasis) arba viena iš 24 kalbų |
DUK valdiklio stilius
| Setting | Parinktys |
|---|---|
| Categories | Pasirenkamos kableliais atskiros kategorijų slugs (pvz. general,pricing), kad būtų rodomos tik pasirinktos DUK kategorijos |
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
| Language | Automatinis aptikimas (numatytasis) arba viena iš 24 kalbų |
Valdiklių valdymas
ChatReact programėlėje jūsų Shopify administracijoje yra trys skirtukai:
- Chat Widget — kurkite ir valdykite valdiklio paskyrimus, kurie kontroliuoja, kuriuose puslapiuose rodomas pokalbių valdiklis
- Forms — išsamios žingsnis po žingsnio įdėjimo instrukcijos, rankinis Liquid fragmentas ir vieta, kur rasti savo Form ID
- FAQ Widget — DUK valdiklio įdėjimo instrukcijos ir vieta, kur rasti savo Chatbot ID
Formų ir DUK pasirinkimas vyksta temų redaktoriuje: įveskite Form ID arba Chatbot ID bloko nustatymuose.
Kalbų palaikymas
Programėlė palaiko visas 24 ES kalbas:
- chat widget automatiškai aptinka kiekvieno lankytojo naršyklės kalbą ir suderina ją su jūsų pokalbių roboto palaikomomis kalbomis, grįždamas prie pokalbių roboto pagrindinės kalbos, jei atitikmens nėra
- Form ir FAQ blokai turi savo Language nustatymą temų redaktoriuje — numatytas yra Auto-detect, jį galima pakeisti kiekvienam blokui atskirai
Pašalinimas
Kai pašalinate ChatReact programėlę, visi valdiklių konfigūracijų įrašai ir saugomi duomenys automatiškai pašalinami iš jūsų Shopify parduotuvės.