Widget beágyazása

Egysoros kóddal beágyazható bármilyen weboldalba.

A Lexo chatbot widgetként jelenik meg az ügyfél weboldalán. A beágyazás egyetlen kódsorral (script) elvégezhető – nem szükséges hozzá framework, build tool vagy egyéb konfiguráció.

A beágyazó snippet

A chatbot dashboardján, a Widget beágyazás menüpontban megtalálod a chatbothoz tartozó egyedi snippetet:

<script
  src="https://lexo.chat/widget-loader.js"
  data-id="chatbot-id">
</script>

Ezt a kódot a weboldal HTML-jének </body> záró tagja elé kell elhelyezni. A widget automatikusan betölt és megjelenik az oldalon.

Látogató paraméterek

Ha a weboldal ismer bizonyos adatokat a látogatóról (pl. bejelentkezés után), akkor ezeket átadhatod a widgetnek. Az AI ezeket az egyéni akciók hívásakor automatikusan felhasználja paraméterként.

<script
  src="https://lexo.chat/widget-loader.js"
  data-id="chatbot-id"
  data-customer-id="user_123"
  data-email="pelda@email.com"
  data-name="Kovács Péter">
</script>
Az átadott paraméterek nem jelennek meg a chatfelületen, és a session végén nem tárolódnak hosszú távon. Az egyéni akciók hívásakor azonban felhasználásra kerülhetnek (pl. rendelés azonosítóhoz kapcsolva).

Pozíció és megjelenés

A widget pozícióját (jobb vagy bal alsó sarok) és megjelenését (szín, téma, avatar) a chatbot beállításaiban módosíthatod. Nem szükséges CSS-t módosítani — a widget teljes egészében egy iframe-en belül renderelődik, így a weboldal stílusai nem befolyásolják azt.

White-label és branding

Ügynökségi fióknál a chatbot teljesen az ügyfél márkájával jelenik meg: egyedi szín, logó, bot neve. A "Powered by Lexo" felirat eltávolítható a white-label csomagban. A chatbot a dashboardon hozzárendelhető az ügyfélhez, aki a saját dashboardján keresztül kezelheti.