Tanulja meg, hogyan integrálhatja egyedi Chatbotját a weboldalába könnyedén.

A Swiftron Chatbot integrálása a weboldalába egyszerű és gyors. Csak egyszeri integrációra van szükség, és nincs szükség folyamatos változtatásokra, így zökkenőmentesen javíthatja az ügyfélkapcsolatokat. Kövesse ezeket az egyszerű lépéseket a kezdéshez:

1. lépés: Másold a Integrációs Kódot

Menj a Swiftron Integrációs Oldalra és másold ki a következő kódot:

<script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"></script>
  • projekt-azonosító: Ez az Ön egyedi projektazonosítója, amely előre kitöltésre kerül.
  • nyelv: A cél nyelv a chatbotja számára. Használhatja:
    • Bármely érvényes nyelvi kódot a ISO 639 nyelvi kódok közül (pl. az 'en' az angolhoz, a 'de' a némethez).
    • 'auto', amely a felhasználó böngészőbeállításai alapján választja ki a nyelvet.
    • 'site', amely a weboldal HTML fejlécében megadott nyelvet használja. Ez a document.documentElement.lang értékét olvassa be, és ennek megfelelően állítja be a chatbot nyelvét.

2. lépés: Illessze be a kódot a webhelyére

Weboldal-készítő használata:

Ha olyan weboldalépítőket használsz, mint a Jimdo, WordPress vagy Squarespace, kövesd az utasításaikat a testreszabott kód beillesztéséhez:

Saját kód kezelése:

Illessze be a másolt integrációs kódot minden olyan oldal HTML-jébe, ahol szeretné, hogy a chatbot megjelenjen. Íme egy példa:

<! DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Site</title>
  </head>
  <body>
    <div>Your Content</div>
  </body>
  <script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"> </script>
</html>

Chatbot Toggle Gomb Beállítása (Opcionális)

Ha már van egy meglévő kommunikációs doboza, vagy saját gombot szeretne létrehozni a chatbot megnyitásához vagy bezárásához, akkor egyszerűen integrálhatja, ha hozzáadja az ID-ját a 'Chatbot Toggle Gomb' beállításaihoz a Swiftron Integrációs Oldalon.

Példa:

<button id="btn-toggle-chatbot">A Chatbot Ikonja</button>

Egyszerűen állítsa be a 'Chatbot Toggle Gomb' mezőt a gombja ID-jára, pl. 'btn-toggle-chatbot'. A gomb típusa lehet bármilyen (pl. div, span). Nincs szükség JavaScript vagy eseménykezelők hozzáadására; a Swiftron chatbot automatikusan észleli ezt a gombot, és kezeli a szükséges logikát.

Ha a megadott ID-val nem található elem, vagy ha a 'Chatbot Toggle Gomb' mező üres, a Swiftron létrehoz egy saját chatbot toggle gombot az Ön webhelyén.

Chatbot Elhelyezés Testreszabása (Opcionális)

A chatbotot egy adott elembe helyezheti el, ha megadja annak azonosítóját a 'Chatbot Elhelyezés Testreszabása' mezőben a Swiftron Integrációs Oldalon. A chatbot ebben az elemben fog megjelenni, és felülírja az ott található meglévő tartalmat.

Ebben az esetben nem lesz megjelenítve vagy használva toggle chatbot gomb. A chatbot mindig látható lesz a megadott elemben, és a felhasználó nem tudja minimalizálni.