Ga naar de hoofdinhoud

WordPress-chatbotplug-in

Gebruik de officiële ChattyBox WordPress-plug-in als je een installatie zonder code wilt die de gehoste widget laadt zonder themabestanden te bewerken. Deze handleiding behandelt de operationele configuratie. De WordPress AI-chatbotpagina legt de strategie voor content en crawlen uit, terwijl de landingspagina van de WordPress-plug-in het product in vogelvlucht beschrijft.

Voordat je installeert

Doorloop eerst Aan de slag: koppel je openbare WordPress-URL, bekijk geïndexeerde pagina's en controleer representatieve antwoorden in Test Chat. Maak daarna een browserveilige openbare sleutel in Public Keys en kopieer deze uit het tabblad Embed van het project.

De plug-in installeren

De plug-in heeft geen afhankelijkheid van Composer, npm of een buildstap.

  1. Download de ZIP van de ChattyBox WordPress-plug-in of kloon de openbare repository.
  2. Open in WordPress Plugins > Add New > Upload Plugin, upload de ZIP en activeer ChattyBox AI Chatbot. Kopieer bij een handmatige serverinstallatie eerst de map van de plug-in naar wp-content/plugins/.
  3. Open Settings > ChattyBox.
  4. Plak de openbare widget-API-sleutel uit het tabblad Embed van het project.
  5. Schakel de chatbot in en sla de instellingen op.

De plug-in slaat de openbare widget-sleutel en weergave-instellingen op in de WordPress-opties. Plak nooit een ChattyBox-beheerdersreferentie in de plug-in.

Laden configureren

De standaardinstellingen voor productie zijn:

  • Widgetscript: https://chattybox.ai/widget.js
  • API-eindpunt: automatisch geconfigureerd door de plug-in
  • Taalregio: gedetecteerd op basis van de paginataal en de browser van de bezoeker

De plug-in laadt de widget bij openbare frontendverzoeken. Hierbij worden wp-admin, feeds, REST-verzoeken en AJAX-verzoeken bewust overgeslagen, zodat administratieve antwoorden en antwoorden die geen pagina's zijn het script niet ontvangen.

Extra routes uitsluiten

Gebruik het filter chattybox_load_widget vanuit een site-specifieke plug-in of een child theme als een openbare route de widget niet mag tonen:

add_filter(
'chattybox_load_widget',
static function ( $should_load ) {
return $should_load && ! is_page( array( 'checkout', 'account' ) );
}
);

Laat eerst het standaardgedrag van de plug-in ingeschakeld en voeg daarna alleen de route-uitsluitingen toe die je site nodig heeft. Test na het wijzigen van het filter zowel een uitgesloten route als een normale openbare pagina.

Handmatige scriptfallback

Gebruik de plug-in als standaardoptie. Als je WordPress-team scripts al beheert via een thema, child theme, scriptplug-in of Google Tag Manager, kun je de gehoste widget in plaats daarvan handmatig laden:

<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="YOUR_WIDGET_API_URL"
async
></script>

Schakel de plug-in niet in en voeg niet tegelijkertijd hetzelfde widgetfragment toe. Kies één loader, zodat bezoekers geen dubbele launchers ontvangen.

De installatie controleren

Nadat je de plug-in hebt geconfigureerd:

  • Open een openbare WordPress-pagina in een incognitovenster.
  • Controleer of de launcher één keer verschijnt.
  • Stel een echte bezoekersvraag.
  • Controleer of het antwoord bronverwijzingen naar openbare WordPress-pagina's bevat.
  • Controleer de browserconsole op ontbrekende data-api-key, data-api-url of sleutelfouten.
  • Test een checkout-, account- of privéroute als je een uitsluiting hebt geconfigureerd.

Ga verder met de lanceringschecklist voordat je de chatbot aankondigt. Gebruik Analytics en Content Gaps om de WordPress-content te verbeteren nadat echte vragen binnenkomen.

We use optional analytics and tag-management tools to understand site use. Choose whether to allow PostHog and Google Tag Manager. Turning analytics off reloads this page so the change takes effect cleanly. Essential site functionality and error monitoring are not controlled by this choice. Read our privacy policy.