Documentatie

WordPress

Voeg je agent toe aan WordPress-websites.

Voeg je AI-agent toe aan WordPress-sites met de embed-code. Werkt met elk WordPress-thema.

Haal eerst je embed-code op via Chatbot > Publiceren in het dashboard.

Methode 1: Themafooter (aanbevolen)

Voeg de widget via je thema toe aan alle pagina's:

  1. Ga naar Appearance → Theme Editor (of Theme File Editor)
  2. Zoek footer.php in je themabestanden
  3. Plak je embed-code net vóór </body>

Voorbeeldformaat (haal je echte code op via Chatbot > Publiceren):

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Klik op Update File

De widget verschijnt nu op alle pagina's.

Methode 2: Custom HTML-blok

Toevoegen aan specifieke pagina's met de blokeditor:

  1. Bewerk de pagina waarop je de widget wilt
  2. Voeg een Custom HTML-blok toe
  3. Plak je embed-code uit Chatbot > Publiceren

Voorbeeldformaat:

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Sla de pagina op

Methode 3: Plugin (Header/Footer Scripts)

Gebruik een plugin om scripts site-breed toe te voegen:

  1. Installeer een plugin zoals "Insert Headers and Footers" of "WPCode"
  2. Ga naar de plugin-instellingen
  3. Zoek de sectie "Footer Scripts"
  4. Plak je embed-code uit Chatbot > Publiceren
  5. Sla de wijzigingen op

Bij deze methode hoef je geen themabestanden te bewerken.

Methode 4: Child theme

Gebruik voor thema's die regelmatig worden bijgewerkt een child theme:

  1. Maak een child theme voor je huidige thema
  2. Voeg een bestand functions.php toe met het volgende (vervang YOUR_WIDGET_URL en YOUR_CHATBOT_ID door de waarden uit Chatbot > Publiceren):
<?php
function add_chatbot_widget() {
    ?>
    <script
      src="YOUR_WIDGET_URL"
      data-chatbot="YOUR_CHATBOT_ID"
      async
    ></script>
    <?php
}
add_action('wp_footer', 'add_chatbot_widget');

Dit overleeft thema-updates.

WooCommerce-sites

De widget werkt automatisch op WooCommerce-sites. Overweeg:

  • Toevoegen aan productpagina's voor productvragen
  • Toevoegen aan checkout voor bestelondersteuning
  • Gebruik op specifieke pagina's via Custom HTML-blokken

Pagebuilders

Elementor

  1. Bewerk met Elementor
  2. Voeg een HTML-widget toe
  3. Plak de embed-code
  4. Stel eventueel in dat deze site-breed wordt weergegeven

Divi

  1. Voeg een Code Module toe
  2. Plak de embed-code
  3. Sla de wijzigingen op

Beaver Builder

  1. Voeg een HTML-module toe
  2. Plak de embed-code
  3. Publiceer de wijzigingen

Multisite

Voor WordPress Multisite:

  • Voeg de code per site afzonderlijk toe, of
  • Gebruik een netwerkgeactiveerde plugin om de code aan alle sites toe te voegen

Cachingplugins

Als je cachingplugins gebruikt (WP Super Cache, W3 Total Cache, enz.):

  1. Voeg de widgetcode toe
  2. Wis alle caches
  3. Test de widget

De widget werkt met alle grote cachingplugins.

Problemen oplossen

Widget verschijnt niet

  • Wis je WordPress-cache
  • Controleer de browserconsole op fouten
  • Controleer of het agent-ID klopt

Theme Editor niet beschikbaar

  • Sommige hosts schakelen het bewerken van thema's uit
  • Gebruik in dat geval een plugin
  • Of bewerk de bestanden via FTP

Widgetpositie klopt niet

  • Pas dit aan in de Design-instellingen van je agent
  • Controleer op CSS-conflicten met je thema

Testen

Na de installatie:

  1. Open je WordPress-site in een incognitovenster
  2. Zoek de chatbubbel
  3. Stuur een testbericht
  4. Controleer het antwoord

Volgende stappen