Widget installeren

De widget bestaat uit twee scripttags. De ene zet de configuratie, de andere laadt Mikabot. Je plakt ze één keer, in een template dat op elke pagina draait.

Stap 1: Kopieer je code

1. Open je chatbot
2. Ga naar Settings → Site info
3. Scroll naar Install widget
4. Kies je platform: Static site, WordPress, Next.js, Magento of More
5. Klik op de kopieerknop

Je code bevat al je chatbotsleutel en standaardtaal. Kopieer hem — typ hem niet over uit een voorbeeld.

Stap 2: Zo ziet de code eruit

<script>
window.MIKADO_CHATBOT_CONFIG = {
    "domain": "https://mikabot.studio-mikado.be",
    "store_id": "st_jouw_chatbotsleutel",
    "language": "nl"
};
</script>
<script src="https://mikabot.studio-mikado.be/js/mikabot-init.js"></script>

Stap 3: Plak hem op de juiste plek

Stap 4: Controleren

1. Publiceer de wijziging en leeg je thema-, plugin- en CDN-cache
2. Open je site in een privévenster
3. Controleer een productpagina en een niet-productpagina, op desktop én mobiel
4. Stuur een testbericht en kijk of het antwoord binnenkomt

Zie je niets? Controleer of de chatbot aan staat: Settings → Chatbot settings → Active.

Veelgemaakte fouten

• De code staat er twee keer — één keer globaal en één keer in een paginatemplate. Haal er één weg.
• Alleen de tweede scripttag is gekopieerd. Zonder MIKADO_CHATBOT_CONFIG heeft de widget geen chatbotsleutel en blijft hij stil.
• Een cache serveert nog de oude pagina. Leeg thema-, plugin- en CDN-cache, in die volgorde.
• Het domein in Site info komt niet overeen met de live site. Pas Settings → Site info → Domain aan zodat het exact klopt.
• De chatbot staat op inactief. Dan rendert er helemaal niets.

Volgende stappen

• Geavanceerde widgetplaatsing — inline containers, tagmanagers en single-page apps
• Weergave en branding — kleuren, avatar, botnaam
• Problemen oplossen — als de widget nog steeds niet verschijnt