Lær hvordan du nemt kan integrere din tilpassede chatbot på din hjemmeside.

At integrere Swiftron Chatbot på din hjemmeside er enkelt og hurtigt. Med blot én gang integration og uden behov for løbende ændringer kan du forbedre din kundedialog problemfrit. Følg disse nemme trin for at komme i gang:

Trin 1: Kopier Integrationskoden

Gå til Swiftron Integrationsside og kopier følgende kode:

<script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"></script>
  • projekt-id: Dette er dit unikke projekt-ID og vil være forudfyldt.
  • sprog: Det målrettede sprog for din chatbot. Du kan bruge:
    • Enhver gyldig sprogkode fra ISO 639 sprogkoder (f.eks. 'en' for engelsk, 'de' for tysk).
    • 'auto', som vælger sproget baseret på brugerens browserindstillinger.
    • 'site', som bruger det sprog, der er angivet i websitets HTML-header. Dette læser værdien fra document.documentElement.lang og indstiller chatbotens sprog i overensstemmelse hermed.

Trin 2: Indsæt koden på din hjemmeside

Brug af en hjemmesidebygger:

Hvis du bruger webstedsbyggere som Jimdo, WordPress eller Squarespace, skal du følge deres instruktioner for at indsætte brugerdefineret kode:

Håndtering af din egen kode:

Indsæt den kopierede integrationskode i HTML'en på hver side, hvor du ønsker, at chatbotten skal vises. Her er et eksempel:

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

Indstil Toggle Chatbot Knap (Valgfri)

Hvis du allerede har en eksisterende kommunikationsboks eller ønsker at oprette din egen knap til at åbne eller lukke chatbotten, kan du nemt integrere den ved at tilføje dens ID i 'Toggle Chatbot Knap' indstillingerne på Swiftron Integrationsside.

Eksempel:

<button id="btn-toggle-chatbot">Din Chatbot Ikon</button>

Indstil blot 'Toggle Chatbot Knap' feltet til din knaps ID, f.eks. 'btn-toggle-chatbot'. Knaptypen kan være hvad som helst (f.eks. div, span). Du behøver ikke at tilføje noget JavaScript eller begivenhedshåndterere; Swiftron chatbotten vil automatisk registrere denne knap og håndtere den nødvendige logik.

Hvis der ikke findes noget element med den angivne ID, eller hvis feltet 'Toggle Chatbot Knap' er tomt, vil Swiftron oprette sin egen chatbot toggle-knap på din side.

Tilpas Chatbot Placering (Valgfrit)

Du kan placere chatbotten i et specifikt element ved at angive dens ID i 'Tilpas Chatbot Placering' feltet på Swiftron Integrationsside. Chatbotten vil vises inden i dette element og erstatte alt eksisterende indhold i det.

I dette tilfælde vil der ikke blive vist eller brugt nogen toggle chatbot-knap. Chatbotten vil altid være synlig inden i det angivne element og kan ikke minimeres af brugeren.