Shopify integratsioon
Lisage ChatReact AI vestlusbotid, kontaktivormid ja KKK-accordeonid oma Shopify poodi ametliku ChatReact Shopify rakendusega.
Installatsioon
- Installige ChatReact rakendus Shopify App Store'ist
- Avage rakendus oma Shopify halduspaneelis
Eraldust kontode sidumisel ei ole vaja — ühendate rakenduse oma vestlusbotide ja vormidega, kleepides nende ID-d ChatReact armatuurlaualt.
Funktsioonid
Shopify rakendus pakub kolme vidinastiili:
| Vidin | Kirjeldus | Paigutus |
|---|---|---|
| Chat Widget | AI-vestlusbot koos reaalajas vestlusetoega | Saidil laialdaselt või konkreetsetel lehtedel App Embed kaudu |
| Form Widget | Kontaktivormid rämpsposti kaitsega | Sisseehitatud App Blockina teema redaktoris |
| FAQ Widget | KKK-accordeonide kuvamine | Sisseehitatud App Blockina teema redaktoris |
Vestlusvidina seadistamine
Vestlusvidina seadistamiseks on kaks sammu: looge vidina määrang ChatReact rakenduses ja seejärel lubage App Embed oma teemas.
1. samm: looge vidina määrang
- Avage ChatReact rakendus oma Shopify halduses
- Chat Widget vahekaardil klõpsake Add Assignment
- Sisestage oma Chatbot ID (leiab ChatReact armatuurlaualt Settings → Embed alt)
- Klõpsake Save Assignment
2. samm: lubage App Embed
- Minge Online Store → Themes → Edit theme
- Klõpsake vasakus allnurgas App embeds ikooni (pusle tükk)
- Lülitage ChatReact vestlusvidin asendisse SEES
- Klõpsake Save
Te peate App Embed'i lubama vaid üks kord. Pärast seda haldate, kus vidin kuvatakse, täielikult ChatReact rakendusest.
Vestlusvidin kuvatakse kõigil lehtedel, mida katab mõni teie määrang.
Vidina määrangud
Iga määrang seob vestlusboti teie veebipoega. On kaks määrangutüüpi:
- Everywhere: vidin kuvatakse kõigil lehtedel (vaikeväärtus). Võite lisada vabatahtlikult Exclude URLs — üks rada rea kohta, toetatakse
*tähte (nt/blogs/*) - Specific Page: vidin kuvatakse ainult sisestatud lehe rajal (nt
/pages/about)
Kui lehel on oma Specific Page määrang, kuvatakse seal see vestlusbot selle asemel, mis oleks näidatud Everywhere määrangu puhul.
Vormide ja KKK vidinate lisamine
Vormide ja KKK vidinad lisatakse kui App Blocks teema redaktoris:
- Minge Online Store → Themes → Edit theme
- Navigeerige lehele, kuhu soovite vidina lisada
- Klõpsake Add block ja otsige "ChatReact"
- Valige ChatReact Form või ChatReact FAQ
- Sisestage ploki seadetes vormi ID või vestlusboti ID
Manuaalne manustamine (Liquid)
Kui eelistate mallide otse redigeerimist, saate vidinad lisada mis tahes Liquid malli:
<!-- 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>
Vormividina kujundamine
Kohandage vormi välimust teema redaktoris:
| Seade | Valikud |
|---|---|
| Joondus | Vasak, Keskele, Parem |
| Maksimaalne laius | 200–1200px |
| Fondi suurus | 12–28px |
| Alumine ääris | 0–120px |
| Keel | Automaatne tuvastus (vaikimisi) või üks 24 keelest |
KKK vidina kujundamine
| Seade | Valikud |
|---|---|
| Kategooriad | Valikulised komaga eraldatud kategooria lühinimed (nt general,pricing), et näidata ainult valitud KKK kategooriaid |
| Fondi suurus | 12–28px |
| Alumine ääris | 0–120px |
| Keel | Automaatne tuvastus (vaikimisi) või üks 24 keelest |
Vidinate haldamine
ChatReact rakendus teie Shopify halduspaneelis pakub kolme vahekaarti:
- Chat Widget — looge ja haldage vidina määranguid, mis kontrollivad, millistel lehtedel vestlusvidin kuvatakse
- Forms — samm-sammult manustamisjuhised, manuaalne Liquid koodilõik ja koht, kust leida oma Form ID
- FAQ Widget — manustamisjuhised KKK vidina jaoks ja koht, kust leida oma Chatbot ID
Vormide ja KKK valik tehakse teema redaktoris: sisestage ploki seadetes Form ID või Chatbot ID.
Keeletoetus
Rakendus toetab kõiki 24 EL keelt:
- vestlusvidin tuvastab automaatselt iga külastaja brauseri keele ja sobitab selle teie vestlusboti toetatud keeltega, langedes tagasi vestlusboti põhilisse keelde
- Form ja FAQ plokkidel on teema redaktoris oma Keel seadistus — vaikimisi on see Automaatne tuvastus ja seda saab ploki kaupa üle kirjutada
Desinstallimine
Kui desinstallite ChatReact rakenduse, puhastatakse kõik vidina konfiguratsioonid ja salvestatud andmed automaatselt teie Shopify poest.