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.

Open Kanalen > Website-embed, kies Chatwidget en kopieer de volledige code met beide scripttags. Laat de gegenereerde URL en chatbot-ID staan. Gebruik voor de hele site zonder themawijziging het Footer-veld van WPCode in methode 3.

Schakel het Chatwidget-kanaal in voordat je de openbare site test.

Methode 1: Themafooter

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>
  4. 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 Kanalen > Website-embed
  4. Sla de pagina op

Een Custom HTML-blok werkt alleen als je WordPress-account scripts mag publiceren. Controleer na het opslaan of beide tags in de gerenderde bron staan. WordPress kan ze zonder unfiltered_html verwijderen, vooral op Multisite. WordPress licht deze bevoegdheid toe.

Methode 3: Plugin (Header/Footer)

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

  1. Installeer WPCode, voorheen Insert Headers and Footers van WPBeginner.
  2. Ga naar de plugin-instellingen
  3. Zoek de sectie Footer
  4. Plak je embed-code uit Kanalen > Website-embed
  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. Een ontwikkelaar kan beide gegenereerde tags via wp_footer uitvoeren. Test na thema-updates.

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

Sommige editors verwijderen scripts uit pagina-inhoud. Controleer de gerenderde bron; ontbreekt een tag, gebruik dan het Footer-veld van WPCode.

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

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

Controleer beide tags in de gerenderde bron en de ingestelde widget-URL op het tabblad Netwerk. Ontbreekt een tag, controleer dan rechten en cache.

Volgende stappen