Lær hvordan du enkelt kan integrere din tilpassede chatbot på nettstedet ditt.

Å integrere Swiftron Chatbot på nettstedet ditt er enkelt og raskt. Med bare én gangs integrasjon og ingen behov for løpende endringer, kan du sømløst forbedre kundeengasjementet ditt. Følg disse enkle trinnene for å komme i gang:

Trinn 1: Kopier integrasjonskoden

Gå til Swiftron Integrasjonsside 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>
  • prosjekt-id: Dette er din unike prosjekt-ID og vil bli forhåndsutfylt.
  • språk: Mål språket for chatboten din. Du kan bruke:
    • Hvilken som helst gyldig språk kode fra ISO 639 språk koder (f.eks. 'en' for engelsk, 'de' for tysk).
    • 'auto', som velger språket basert på brukerens nettleserinnstillinger.
    • 'site', som bruker språket spesifisert i nettstedets HTML-header. Dette leser verdien fra document.documentElement.lang og setter chatbotens språk deretter.

Trinn 2: Lim inn koden på nettsiden din

Bruke en nettstedsbygger:

Hvis du bruker nettstedbyggere som Jimdo, WordPress eller Squarespace, følg deres instruksjoner for å sette inn tilpasset kode:

Administrere din egen kode:

Sett inn den kopierte integrasjonskoden i HTML-en på hver side der du ønsker at chatboten 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>

Sett Toggle Chatbot-knapp (Valgfritt)

Hvis du allerede har en eksisterende kommunikasjonsboks eller ønsker å lage din egen knapp for å åpne eller lukke chatboten, kan du enkelt integrere den ved å legge til ID-en i 'Toggle Chatbot Button'-innstillingene på Swiftron Integrasjonsside.

Eksempel:

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

Sett ganske enkelt 'Toggle Chatbot Button'-feltet til ID-en til knappen din, f.eks. 'btn-toggle-chatbot'. Knappetype kan være hva som helst (f.eks. div, span). Du trenger ikke å legge til noe JavaScript eller hendelseshåndterere; Swiftron-chatboten vil automatisk oppdage denne knappen og håndtere den nødvendige logikken.

Hvis det ikke finnes noe element med den oppgitte ID-en, eller hvis feltet 'Toggle Chatbot Button' er tomt, vil Swiftron lage sin egen chatbot-toggle-knapp på nettstedet ditt.

Tilpass plassering av chatbot (Valgfritt)

Du kan plassere chatboten i et spesifikt element ved å spesifisere ID-en i 'Tilpass plassering av chatbot' feltet på Swiftron integrasjonsside. Chatboten vil vises inne i dette elementet og erstatte alt eksisterende innhold i det.

I dette tilfellet vil ingen knapp for å veksle chatboten bli vist eller brukt. Chatboten vil alltid være synlig inne i det spesifiserte elementet og kan ikke minimeres av brukeren.