Învățați cum să integrați chatbotul dvs. personalizat în site-ul dvs. cu ușurință.

Integrarea chatbot-ului Swiftron în site-ul tău este simplă și rapidă. Cu o integrare unică și fără a fi nevoie de modificări continue, poți îmbunătăți interacțiunea cu clienții tăi fără efort. Urmează acești pași ușori pentru a începe:

Pasul 1: Copiază Codul de Integrare

Mergi la Pagina de Integrare Swiftron și copiază următorul cod:

<script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"></script>
  • project-id: Acesta este ID-ul unic al proiectului tău și va fi completat automat.
  • lang: Limba țintă pentru chatbot-ul tău. Poți folosi:
    • Orice cod de limbă valid din codurile de limbă ISO 639 (de exemplu, 'en' pentru engleză, 'de' pentru germană).
    • 'auto', care selectează limba pe baza setărilor browser-ului utilizatorului.
    • 'site', care folosește limba specificată în antetul HTML al site-ului. Acesta citește valoarea din document.documentElement.lang și setează limba chatbot-ului în consecință.

Pasul 2: Lipiți codul în site-ul dvs.

Folosind un constructor de site-uri:

Dacă folosești constructori de site-uri precum Jimdo, WordPress sau Squarespace, urmează instrucțiunile lor pentru a insera cod personalizat:

Administrarea propriului cod:

Introduceți codul de integrare copiat în HTML-ul fiecărei pagini unde doriți ca chatbot-ul să apară. Iată un exemplu:

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

Setează butonul de comutare a chatbot-ului (Opțional)

Dacă ai deja o casetă de comunicare existentă sau vrei să creezi propriul tău buton pentru a deschide sau închide chatbot-ul, poți să-l integrezi cu ușurință adăugând ID-ul său în setările 'Buton de Comutare Chatbot' pe pagina de Integrare Swiftron.

Exemplu:

<button id="btn-toggle-chatbot">Iconița ta Chatbot</button>

Pur și simplu setează câmpul 'Buton de Comutare Chatbot' la ID-ul butonului tău, de exemplu, 'btn-toggle-chatbot'. Tipul butonului poate fi orice (de exemplu, div, span). Nu trebuie să adaugi niciun JavaScript sau handleri de evenimente; chatbot-ul Swiftron va detecta automat acest buton și va gestiona logica necesară.

Dacă nu se găsește niciun element cu ID-ul furnizat sau dacă câmpul 'Buton de Comutare Chatbot' este gol, Swiftron va crea propriul său buton de comutare a chatbot-ului pe site-ul tău.

Personalizați plasarea chatbot-ului (Opțional)

Puteți reda chatbot-ul într-un element specific prin specificarea ID-ului său în câmpul 'Personalizați plasarea chatbot-ului' de pe Pagina de integrare Swiftron. Chatbot-ul va apărea în interiorul acestui element și va înlocui orice conținut existent în acesta.

În acest caz, nu va fi redat sau utilizat niciun buton de comutare a chatbot-ului. Chatbot-ul va fi întotdeauna vizibil în interiorul elementului specificat și nu poate fi minimizat de utilizator.