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:

  1. 1Telepíts egy bővítményt, pl. WPCode vagy Insert Headers and Footers (Bővítmények → Új hozzáadása).
  2. 2Nyisd meg a bővítmény beállításait, és keresd a „Header" (fejléc) mezőt.
  3. 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

  1. 1Admin → Online StoreThemes.
  2. 2A jelenlegi témánál: … (három pont)Edit code.
  3. 3Nyisd meg a theme.liquid fájlt, és illeszd a kódot a </head> sor elé.
  4. 4Save. Kész.

ShopRenter

  1. 1Lépj be az adminisztrációs felületre.
  2. 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).
  3. 3Illeszd be a beágyazó kódot, és mentsd.

Ha nem találod a megfelelő mezőt, írj nekünk és berakjuk helyetted.

Unas

  1. 1Admin → Beállítások.
  2. 2Keresd a „Külső kódok" / „Fejléc kód (HEAD)" beállítást (gyakran a Marketing vagy Megjelenés menüben).
  3. 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

  1. 1Nyisd meg a webshopod egy böngészőben (frissíts Ctrl/Cmd + F5-tel).
  2. 2Jobb (vagy bal) alsó sarokban megjelenik a chat buborék.
  3. 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).

Elakadtál? Szívesen segítünk a beépítésben.

team@trioralab.com Vezérlőpult