Naučte se, jak snadno integrovat svého vlastního Chatbota do vaší webové stránky.

Integrace chatbota Swiftron do vaší webové stránky je jednoduchá a rychlá. S jednorázovou integrací a bez potřeby průběžných změn můžete bezproblémově zlepšit zapojení svých zákazníků. Postupujte podle těchto jednoduchých kroků, abyste začali:

Krok 1: Zkopírujte integrační kód

Přejděte na Stránku integrace Swiftron a zkopírujte následující 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 předvyplněno.
  • lang: Cílový jazyk pro vašeho chatbota. Můžete použít:
    • Jakýkoli platný jazykový kód z ISO 639 jazykových kódů (např. \'en\' pro angličtinu, \'de\' pro němčinu).
    • \'auto\', což vybere jazyk na základě nastavení prohlížeče uživatele.
    • \'site\', což používá jazyk uvedený v HTML hlavičce webové stránky. To čte hodnotu z document.documentElement.lang a nastaví jazyk chatbota odpovídajícím způsobem.

Krok 2: Vložte kód do vašich webových stránek

Používání tvůrce webových stránek:

Pokud používáte tvůrce webových stránek, jako jsou Jimdo, WordPress nebo Squarespace, řiďte se jejich pokyny pro vložení vlastního kódu:

Správa vlastního kódu:

Vložte zkopírovaný integrační kód do HTML každé stránky, kde chcete, aby se chatbot zobrazoval. Zde je pří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>

Nastavit tlačítko pro přepínání chatbota (volitelné)

Pokud již máte existující komunikační okno nebo chcete vytvořit vlastní tlačítko pro otevření nebo zavření chatbota, můžete jej snadno integrovat přidáním jeho ID do nastavení 'Tlačítko pro přepínání chatbota' na Stránce pro integraci Swiftron.

Příklad:

<button id="btn-toggle-chatbot">Ikona vašeho chatbota</button>

Jednoduše nastavte pole 'Tlačítko pro přepínání chatbota' na ID vašeho tlačítka, např. 'btn-toggle-chatbot'. Typ tlačítka může být jakýkoli (např. div, span). Není nutné přidávat žádný JavaScript nebo obslužné rutiny událostí; chatbot Swiftron automaticky detekuje toto tlačítko a zpracovává potřebnou logiku.

Pokud není nalezen žádný prvek s poskytnutým ID, nebo pokud je pole 'Tlačítko pro přepínání chatbota' prázdné, Swiftron vytvoří své vlastní tlačítko pro přepínání chatbota na vaší stránce.

Přizpůsobení umístění chatbotu (volitelné)

Chatbot můžete umístit do konkrétního prvku tím, že v poli 'Přizpůsobení umístění chatbotu' uvedete jeho ID na Stránce integrace Swiftron. Chatbot se zobrazí uvnitř tohoto prvku a nahradí jakýkoli existující obsah v něm.

V tomto případě nebude zobrazeno ani použito žádné tlačítko pro přepínání chatbotu. Chatbot bude vždy viditelný uvnitř určeného prvku a uživatel ho nebude moci minimalizovat.