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.js"></script>
  • project-id: Toto je váš jedinečný identifikátor 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 jazyk sa číta z document.documentElement.lang a nastaví 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.js"> </script>
</html>

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

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

Príklad:

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

Jednoducho nastavte pole 'Tlačidlo na prepínanie chatbotu' na ID vášho tlačidla, napr. 'btn-toggle-chatbot'. Typ tlačidla môže byť akýkoľvek (napr. div, span). Nie je potrebné pridávať žiadny JavaScript alebo obslužné funkcie; 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 chatbotu' prázdne, Swiftron vytvorí svoje vlastné tlačidlo na prepínanie chatbotu 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 zadaného prvku a používateľ ho nebude môcť minimalizovať.