Dowiedz się, jak łatwo zintegrować swojego własnego chatbota z Twoją stroną internetową.

Integracja chatbota Swiftron z Twoją stroną internetową jest prosta i szybka. Dzięki jednorazowej integracji i braku potrzeby wprowadzania ciągłych zmian, możesz bezproblemowo zwiększyć zaangażowanie swoich klientów. Postępuj zgodnie z tymi prostymi krokami, aby rozpocząć:

Krok 1: Skopiuj kod integracji

Przejdź do Strony integracji Swiftron i skopiuj poniższy kod:

<script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"></script>
  • project-id: To jest Twój unikalny identyfikator projektu i będzie wypełniony automatycznie.
  • lang: Docelowy język dla Twojego czatu. Możesz użyć:
    • Dowolnego ważnego kodu językowego z kodów językowych ISO 639 (np. 'en' dla angielskiego, 'de' dla niemieckiego).
    • 'auto', który wybiera język na podstawie ustawień przeglądarki użytkownika.
    • 'site', który używa języka określonego w nagłówku HTML strony internetowej. Odczytuje wartość z document.documentElement.lang i ustawia język czatu zgodnie z tym.

Krok 2: Wklej kod na swoją stronę internetową

Korzystanie z kreatora stron internetowych:

Jeśli korzystasz z kreatorów stron internetowych, takich jak Jimdo, WordPress lub Squarespace, postępuj zgodnie z ich instrukcjami, aby wstawić niestandardowy kod:

Zarządzanie własnym kodem:

Wstaw skopiowany kod integracji do HTML każdej strony, na której chcesz, aby chatbot się pojawił. Oto przykład:

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

Ustaw przycisk przełączania chatbota (Opcjonalnie)

Jeśli masz już istniejące okno komunikacyjne lub chcesz stworzyć własny przycisk do otwierania lub zamykania chatbota, możesz łatwo zintegrować go, dodając jego identyfikator w ustawieniach 'Przycisk przełączania chatbota' na Stronie integracji Swiftron.

Przykład:

<button id="btn-toggle-chatbot">Ikona Twojego Chatbota</button>

Po prostu ustaw pole 'Przycisk przełączania chatbota' na identyfikator swojego przycisku, np. 'btn-toggle-chatbot'. Typ przycisku może być dowolny (np. div, span). Nie musisz dodawać żadnego JavaScriptu ani obsługi zdarzeń; chatbot Swiftron automatycznie wykryje ten przycisk i obsłuży niezbędną logikę.

Jeśli nie znaleziono elementu o podanym identyfikatorze lub jeśli pole 'Przycisk przełączania chatbota' jest puste, Swiftron utworzy własny przycisk przełączania chatbota na Twojej stronie.

Dostosuj umiejscowienie chatbota (Opcjonalnie)

Możesz umieścić chatbota w określonym elemencie, podając jego identyfikator w polu 'Dostosuj umiejscowienie chatbota' na Stronie integracji Swiftron. Chatbot pojawi się wewnątrz tego elementu i zastąpi wszelkie istniejące treści w nim.

W takim przypadku nie będzie renderowany ani używany przycisk przełączania chatbota. Chatbot zawsze będzie widoczny wewnątrz określonego elementu i nie będzie mógł być zminimalizowany przez użytkownika.