Widget'en fra Promte giver dig mulighed for at integrere din AI-chatbot direkte på din hjemmeside, hvilket giver en sømløs oplevelse for brugere, der ønsker at interagere med chatbotten. Med denne widget placeret i nederste højre hjørne af din hjemmeside, kan dine besøgende let få adgang til og starte en samtale med chatbotten, hvilket forbedrer brugerengagementet og kundesupporten.

Opsætning af Widget

For at integrere Promte widget'en på din hjemmeside, følg disse trin:

  1. Log ind på din Promte-konto og share til Share i topmenuen.
  2. Sikr dig, at chatbotten er sat til "Published". Dette sikrer, at chatbotten er aktiv og klar til at interagere med dine hjemmesidebrugere.
  3. Kopier det script, der er tilgængeligt under Embed Code. Dette script er nøglen til at integrere chatbotten på din hjemmeside.
  4. Indsæt scriptet i <body> tagget på din hjemmeside. Dette vil automatisk tilføje widget'en til din hjemmeside og gøre den tilgængelig for dine brugere.

Tilpas størrelse og få widget til at poppe op

Der er en række muligheder for at ændre på, hvordan widget ser ud og opfører sig udover indstillingerne under Settings → Interface. Disse indstillinger kan ændres gennem dette script:

<script>
  var script = document.createElement("script");
 
  script.src = "<https://applai-assets.web.app/embed-widget.js>"
  script.dataset.chatbotId = "UDSKIFT_MED_CHATBOT_ID";
  script.dataset.width = "500px";
  script.dataset.height = "600px";
  script.dataset.notificationWidth = "350px";
 
  script.dataset.notificationTitle =
    "Velkommen til vores chatbot!";
script.dataset.notificationMessage =
    "Hej, hvordan kan jeg hjælpe dig i dag? Jeg er her for at hjælpe dig med at finde information";
script.dataset.notificationDelay = 5000;
 
 
  document.body.appendChild(script);
</script>

Følgende indstillinger kan for hvordan chatbotten i widget ser ud:

Derudover kan man aktivere, at chatbotten skal sende en notification/pop-up, hvis brugeren ikke selv har åbnet den efter et stykke tid. Dette kan styres med disse indstillinger: