Shopify integráció
Adjon ChatReact AI chatbotokat, kapcsolatfelvételi űrlapokat és GYIK akordeonokat Shopify áruházához az hivatalos ChatReact Shopify alkalmazással.
Telepítés
- Telepítse a ChatReact alkalmazást a Shopify App Store-ból
- Nyissa meg az alkalmazást a Shopify admin paneljén
Nincs szükség külön fiókcsatlakozásra — az alkalmazást a ChatReact irányítópultról kimásolt azonosítók beillesztésével kapcsolja a chatbotokhoz és űrlapokhoz.
Funkciók
A Shopify alkalmazás három widget típust biztosít:
| Widget | Leírás | Elhelyezés |
|---|---|---|
| Chat Widget | AI chatbot élő csevegés támogatással | Az egész oldalon vagy bizonyos oldalakon az App Embed segítségével |
| Form Widget | Kapcsolatfelvételi űrlapok spamvédelemmel | Inline az App Blockon keresztül a Theme Editorban |
| FAQ Widget | Akordeon stílusú GYIK megjelenítés | Inline az App Blockon keresztül a Theme Editorban |
A chat widget beállítása
A chat widget beállítása két lépésből áll: hozzon létre egy widget-hozzárendelést a ChatReact alkalmazásban, majd engedélyezze az App Embedet a témájában.
1. lépés: Widget-hozzárendelés létrehozása
- Nyissa meg a ChatReact alkalmazást a Shopify adminban
- A Chat Widget fülön kattintson az Add Assignment gombra
- Adja meg a Chatbot ID-t (a ChatReact irányítópulton a Settings → Embed alatt található)
- Kattintson a Save Assignment gombra
2. lépés: Az App Embed engedélyezése
- Menjen a Online Store → Themes → Edit theme-re
- Kattintson az App embeds ikonra (kirakós darab) az alsó-bal oldali sávban
- Kapcsolja ON-ra a ChatReact Chat Widget-et
- Kattintson a Save-re
Ezt az App Embedet csak egyszer kell engedélyeznie. Ezután a widget megjelenését teljes mértékben a ChatReact alkalmazásból kezelheti.
A chat widget megjelenik minden olyan oldalon, amelyet egy hozzárendelése lefed.
Widget-hozzárendelések
Minden hozzárendelés egy chatbotot kapcsol az Ön áruházához. Két típusú hozzárendelés létezik:
- Everywhere: A widget minden oldalon megjelenik (alapértelmezett). Opcionálisan megadhat Exclude URLs-t — egy útvonal soronként,
*helyettesítők támogatottak (pl./blogs/*) - Specific Page: A widget csak az Ön által megadott oldal útvonalán jelenik meg (pl.
/pages/about)
Ha egy oldalnak saját Specific Page hozzárendelése van, ott az adott chatbot jelenik meg az Everywhere chatbot helyett.
Form és GYIK widgetek hozzáadása
A Form és a GYIK widgetek App Blocks-ként adhatók hozzá a Theme Editorban:
- Menjen a Online Store → Themes → Edit theme-re
- Navigáljon arra az oldalra, ahol meg szeretné jeleníteni a widgetet
- Kattintson az Add block-ra és keressen rá a "ChatReact" kifejezésre
- Válassza a ChatReact Form vagy a ChatReact FAQ opciót
- Adja meg a blokk beállításaiban a Form ID-t vagy a Chatbot ID-t
Manuális beágyazás (Liquid)
Ha inkább közvetlenül szerkeszti a sablonokat, a widgeteket bármely Liquid sablonhoz is hozzáadhatja:
<!-- 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>
Form widget megjelenésének testreszabása
A űrlap megjelenését a Theme Editorban testreszabhatja:
| Beállítás | Opciók |
|---|---|
| Alignment | Left, Center, Right |
| Max Width | 200–1200px |
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
| Language | Auto-detect (alapértelmezett) vagy a 24 nyelv egyike |
GYIK widget megjelenésének testreszabása
| Beállítás | Opciók |
|---|---|
| Categories | Opcionális, vesszővel elválasztott kategória-slugok (pl. general,pricing), csak a kiválasztott GYIK kategóriák megjelenítéséhez |
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
| Language | Auto-detect (alapértelmezett) vagy a 24 nyelv egyike |
Widgetek kezelése
A ChatReact alkalmazás a Shopify adminban három fület biztosít:
- Chat Widget — Hozza létre és kezelje azokat a widget-hozzárendeléseket, amelyek szabályozzák, hogy mely oldalak jelenítik meg a chat widgetet
- Forms — Lépésről lépésre beágyazási utasítások, a manuális Liquid kódrészlet és az, hogy hol találja a Form ID-t
- FAQ Widget — Beágyazási utasítások a GYIK widgethez és hogy hol találja a Chatbot ID-t
A Form és a GYIK kiválasztása a Theme Editorban történik: adja meg a blokk beállításaiban a Form ID-t vagy a Chatbot ID-t.
Nyelvi támogatás
Az alkalmazás az összes 24 EU nyelvet támogatja:
- A chat widget automatikusan felismeri az egyes látogatók böngészőnyelvét és összeveti azt a chatbot által támogatott nyelvekkel; szükség esetén a chatbot elsődleges nyelvére esik vissza
- A Form és GYIK blokkoknak külön Language beállításuk van a Theme Editorban — alapértelmezettként Auto-detect, és blokkonként felülírható
Eltávolítás
Amikor eltávolítja a ChatReact alkalmazást, az összes widgetkonfiguráció és az eltárolt adatok automatikusan törlődnek az Ön Shopify áruházából.