Naučte sa, ako jednoducho integrovať svoj vlastný chatbot do svojej webovej stránky.

Integrácia chatbota Swiftron do vašej webovej stránky je jednoduchá a rýchla. S jednorazovou integráciou a bez potreby neustálych zmien môžete bezproblémovo zlepšiť angažovanosť svojich zákazníkov. Postupujte podľa týchto jednoduchých krokov, aby ste začali:

Krok 1: Skopírujte integračný kód

Prejdite na Stránka integrácie Swiftron a skopírujte nasledujúci kód:

<script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"></script>
  • project-id: Toto je váš jedinečný ID projektu a bude predvyplnené.
  • lang: Cieľový jazyk pre váš chatbot. Môžete použiť:
    • Akýkoľvek platný jazykový kód z ISO 639 jazykových kódov (napr. \'en\' pre angličtinu, \'de\' pre nemčinu).
    • \'auto\', ktorý vyberá jazyk na základe nastavení prehliadača používateľa.
    • \'site\', ktorý používa jazyk špecifikovaný v HTML hlavičke webovej stránky. Tento kód číta hodnotu z document.documentElement.lang a nastavuje jazyk chatbota podľa toho.

Krok 2: Vložte kód do vášho webu

Používanie nástroja na vytváranie webových stránok:

Ak používate nástroje na vytváranie webových stránok ako Jimdo, WordPress alebo Squarespace, riaďte sa ich pokynmi na vloženie vlastného kódu:

Spravovanie vlastného kódu:

Vložte skopírovaný integračný kód do HTML každej stránky, na ktorej chcete, aby sa chatbot zobrazil. Tu je príklad:

<! 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>

Nastavte tlačidlo na prepínanie chatbota (voliteľné)

Ak už máte existujúce komunikačné okno alebo chcete vytvoriť svoje vlastné tlačidlo na otvorenie alebo zatvorenie chatbota, môžete ho jednoducho integrovať pridaním jeho ID do nastavení 'Tlačidlo na prepínanie chatbota' na Stránke integrácie Swiftron.

Príklad:

<button id="btn-toggle-chatbot">Ikona vášho chatbota</button>

Jednoducho nastavte pole 'Tlačidlo na prepínanie chatbota' na ID vášho tlačidla, napr. 'btn-toggle-chatbot'. Typ tlačidla môže byť akýkoľvek (napr. div, span). Nemusíte pridávať žiadny JavaScript ani obsluhy udalostí; chatbot Swiftron automaticky detekuje toto tlačidlo a spracuje potrebnú logiku.

Ak sa nenájde žiadny prvok s poskytnutým ID, alebo ak je pole 'Tlačidlo na prepínanie chatbota' prázdne, Swiftron vytvorí svoje vlastné tlačidlo na prepínanie chatbota na vašej stránke.

Prispôsobenie umiestnenia chatbotu (Voliteľné)

Chatbot môžete zobraziť v konkrétnom prvku tak, že zadáte jeho ID do poľa 'Prispôsobenie umiestnenia chatbotu' na Stránke integrácie Swiftron. Chatbot sa objaví vo vnútri tohto prvku a nahradí akýkoľvek existujúci obsah v ňom.

V tomto prípade nebude zobrazené ani použité žiadne tlačidlo na prepínanie chatbotu. Chatbot bude vždy viditeľný vo vnútri určeného prvku a používateľ ho nebude môcť minimalizovať.