PradžiaDokumentacija

Shopify integracija

Pridėkite ChatReact AI pokalbių robotus, kontaktų formas ir DUK akordeonus į savo Shopify parduotuvę naudodami oficialią ChatReact Shopify programėlę.

Diegimas

  1. Įdiekite ChatReact programėlę iš Shopify App Store
  2. 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:

WidgetAprašymasVieta
Chat WidgetAI pokalbių robotas su tiesioginio pokalbio palaikymuVisame puslapyje arba konkrečiuose puslapiuose per App Embed
Form WidgetKontaktų formos su apsauga nuo šlamštoInline per App Block temų redaktoriuje
FAQ WidgetAkordeono stiliaus DUK rodymasInline 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ą

  1. Atidarykite ChatReact programėlę savo Shopify administracijoje
  2. Skirtuke Chat Widget spustelėkite Add Assignment
  3. Įveskite savo Chatbot ID (randamas ChatReact skydelyje po Settings → Embed)
  4. Spustelėkite Save Assignment

2 veiksmas: įjunkite App Embed

  1. Eikite į Online Store → Themes → Edit theme
  2. Apatiniame kairiajame šoniniame meniu spustelėkite piktogramą App embeds (puzzle piece)
  3. Perjungikite ChatReact Chat Widget į ON
  4. 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:

  1. Eikite į Online Store → Themes → Edit theme
  2. Pereikite į puslapį, kuriame norite talpinti valdiklį
  3. Spustelėkite Add block ir suraskite „ChatReact"
  4. Pasirinkite ChatReact Form arba ChatReact FAQ
  5. Į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:

SettingParinktys
AlignmentKairė, Centras, Dešinė
Max Width200–1200px
Font Size12–28px
Margin Bottom0–120px
LanguageAutomatinis aptikimas (numatytasis) arba viena iš 24 kalbų

DUK valdiklio stilius

SettingParinktys
CategoriesPasirenkamos kableliais atskiros kategorijų slugs (pvz. general,pricing), kad būtų rodomos tik pasirinktos DUK kategorijos
Font Size12–28px
Margin Bottom0–120px
LanguageAutomatinis aptikimas (numatytasis) arba viena iš 24 kalbų

Valdiklių valdymas

ChatReact programėlėje jūsų Shopify administracijoje yra trys skirtukai:

  1. Chat Widget — kurkite ir valdykite valdiklio paskyrimus, kurie kontroliuoja, kuriuose puslapiuose rodomas pokalbių valdiklis
  2. Forms — išsamios žingsnis po žingsnio įdėjimo instrukcijos, rankinis Liquid fragmentas ir vieta, kur rasti savo Form ID
  3. 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.


Tolimesni žingsniai