Instructies sitebeheerder

Instructies sitebeheerder

  1. Voeg het JavaScript bestand van de MINDD Bot toe aan de <head> sectie van de HTML pagina
    <script src="https://moetiknaardedokter.azurewebsites.net/chatwindow/assets/minddchat.iife.js"></script>
  2. Voeg een element toe aan de pagina waarbinnen de MINDD Bot geladen moet worden. Bijvoorbeeld:
     <div id="chatbot-article-root"></div>
  3. Initialiseer de MINDD Bot door onderstaand script op de pagina te plaatsen:
    <script>
       window.addEventListener("DOMContentLoaded", () => {
         minddchat.init({
           apiKey: "<CHANNEL_API_KEY>",
           variant: "<VARIANT>",
           element: "<ROOT_ELEMENT_SELECTOR>",
             autoOpen: "true",
             autoOpenDelay: "2500",
         });
       });
    </script>
  4. Vervang <CHANNEL_API_KEY> voor de API-key die ontvangen is vanuit Moet ik naar de dokter? (MINDD).
  5. Vervang <VARIANT> met de chatbot variant die u op uw pagina wil hebben staan, dialog of article
  1. De dialog variant wordt gerenderd als een knop rechtsonderin het scherm die je kan openklappen om te chatten, voor deze variant maakt het niet uit waar het chatbot element geplaatst wordt.
  2. De article variant wordt in de document flow geplaatst, indien deze gebruikt wordt, zorg er dan voor dat het element op de plaats staat waar je de chatbot wil hebben staan.
  1. Vervang <ROOT_ELEMENT_SELECTOR> met een css selector voor het element wat u bij stap 2 heeft gemaakt. (Als u bijvoorbeeld een element <div id="mindd-chat”></div> heeft gemaakt, dan is de css selector hiervoor #mindd-chat)