Telepítési útmutató
A Triora chatbot egyetlen kódsorral bármilyen webshopba beépíthető. Másold ki a saját beágyazó kódodat a Vezérlőpultból (a „Beágyazó kód" szekcióból — ez már tartalmazza a saját API kulcsodat), majd illeszd be a platformod szerint az alábbi lépésekkel.
A beágyazó kód
Így néz ki — a A_TE_API_KULCSOD helyére a Vezérlőpultban lévő valódi kulcsod kerül (a dashboardon a teljes, kész kódot egy kattintással másolhatod):
<script src="https://trioralab.com/widget.js?v=5" data-key="A_TE_API_KULCSOD" data-api="https://trioralab.com" async></script>
WordPress / WooCommerce
A legegyszerűbb egy fejléc-kód beszúró bővítménnyel:
- 1Telepíts egy bővítményt, pl. WPCode vagy Insert Headers and Footers (Bővítmények → Új hozzáadása).
- 2Nyisd meg a bővítmény beállításait, és keresd a „Header" (fejléc) mezőt.
- 3Illeszd be a beágyazó kódot, majd mentsd. Kész — a chatbot minden oldalon megjelenik.
Téma-szerkesztéssel: Megjelenés → Téma fájlszerkesztő → header.php, a </head> elé. (Csak ha jártas vagy benne.)
Shopify
- 1Admin → Online Store → Themes.
- 2A jelenlegi témánál: … (három pont) → Edit code.
- 3Nyisd meg a
theme.liquidfájlt, és illeszd a kódot a</head>sor elé. - 4Save. Kész.
ShopRenter
- 1Lépj be az adminisztrációs felületre.
- 2Keresd a „Beállítások → Megjelenés / Sablon" vagy a téma HTML fejléc beszúrási lehetőségét (egyéni kód a
<head>-be). - 3Illeszd be a beágyazó kódot, és mentsd.
Ha nem találod a megfelelő mezőt, írj nekünk és berakjuk helyetted.
Unas
- 1Admin → Beállítások.
- 2Keresd a „Külső kódok" / „Fejléc kód (HEAD)" beállítást (gyakran a Marketing vagy Megjelenés menüben).
- 3Illeszd be a beágyazó kódot a HEAD mezőbe, és mentsd.
Egyéb / saját fejlesztésű oldal
Illeszd a beágyazó kódot közvetlenül a </head> záró címke elé, minden olyan oldalon, ahol szeretnéd, hogy megjelenjen a chatbot (általában elég a közös sablon/layout fájlba tenni).
Ellenőrzés
- 1Nyisd meg a webshopod egy böngészőben (frissíts Ctrl/Cmd + F5-tel).
- 2Jobb (vagy bal) alsó sarokban megjelenik a chat buborék.
- 3Kattints rá, és tegyél fel egy kérdést a termékeidről. Ha válaszol, kész vagy! 🎉
Nem jelenik meg? Ellenőrizd, hogy a kód a <head>-ben van, és hogy a Vezérlőpultban beolvastad a boltod URL-jét (Bolt URL → Szinkronizálás).
