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é)

Ako už máte existujúce komunikačné okno alebo chcete vytvoriť vlastné tlačidlo na otvorenie alebo zatvorenie chatbota, môžete ho jednoducho integrovať pridaním jeho ID do 'Tlačidlo na prepínanie chatbota' nastavení 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.

Ako 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é)

Môžete zobraziť chatbot v konkrétnom prvku zadaním 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 sa nezobrazí ani nepoužije 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ť.