WordPress Plugin

Voeg ChatReact AI-chatbots, contactformulieren en FAQ-accordeons toe aan je WordPress-site met onze officiële plugin.

Download

Download ChatReact Plugin v1.1.0

Installatie

Methode 1: Upload via WordPress Admin

1. Download het plugin ZIP-bestand hierboven
2. Ga naar Plugins → Nieuwe plugin → Plugin uploaden
3. Kies het ZIP-bestand en klik op Nu installeren
4. Klik op Plugin activeren

Methode 2: Handmatige upload via FTP

1. Pak het ZIP-bestand uit
2. Upload de chatreact map naar /wp-content/plugins/
3. Ga naar Plugins in WordPress admin
4. Zoek "ChatReact" en klik op Activeren

Configuratie

Na activatie, ga naar Instellingen → ChatReact voor gebruiksinstructies.

Je Chatbot ID vinden

1. Log in op chatreact.ai
2. Ga naar het Dashboard van je chatbot
3. Klik op de Kopieer-knop naast de Chatbot ID (bovenaan weergegeven)

Je Formulier ID vinden

1. Log in op chatreact.ai
2. Ga naar Formulieren
3. Selecteer je formulier
4. Kopieer het Formulier ID

Gebruiksopties

De plugin biedt meerdere manieren om ChatReact toe te voegen:

1. Shortcodes

Voeg toe aan elke pagina, bericht of widget-gebied:

Chat Widget:

[chatreact id="JOUW_CHATBOT_ID"]

Optionele attributen: position, language, primary_color, auto_open

Contactformulier:

[chatreact_form id="JOUW_FORMULIER_ID"]

Optionele attributen: language

FAQ Accordeon:

[chatreact_faq id="JOUW_CHATBOT_ID"]

Optionele attributen: categories, container, language

2. Gutenberg Blokken

In de blokeditor:

1. Klik op + om een blok toe te voegen
2. Zoek naar "ChatReact"
3. Kies Chat Widget, Form Widget of FAQ Widget
4. Voer je ID in bij de blokinstellingen

3. Elementor

Als je Elementor gebruikt:

1. Bewerk je pagina met Elementor
2. Zoek naar "ChatReact" in widgets
3. Sleep de widget naar je pagina
4. Configureer in het linkerpaneel

4. Paginaniveau-toewijzing

Wijs widgets toe aan specifieke pagina's zonder shortcodes:

1. Bewerk een pagina of bericht
2. Zoek het "ChatReact Widget" meta box
3. Selecteer een widgettype
4. Voer je ID in
5. Sla de pagina op

Shortcode Voorbeelden

Eenvoudige Chat Widget

[chatreact id="abc123"]

Chat Widget met Opties

[chatreact id="abc123" position="bottom-left" language="nl" auto_open="true"]

FAQ met Categoriefilter

[chatreact_faq id="abc123" categories="shipping,returns"]

Gestijld Contactformulier

[chatreact_form id="form123" language="nl"]

Ondersteunde talen

De plugin ondersteunt 24 EU-talen.

Probleemoplossing

Widget verschijnt niet

1. Controleer of je Chatbot ID correct is
2. Controleer of de chatbot actief is in je ChatReact dashboard
3. Wis cache plugins (zie hieronder)
4. Controleer de browserconsole op JavaScript-fouten

Compatibiliteit met Cache Plugins

De plugin is volledig compatibel met populaire cache- en optimalisatieplugins, waaronder WP Rocket, LiteSpeed Cache, Autoptimize en WP Super Cache. De plugin voorkomt automatisch dat deze tools ChatReact-scripts verkleinen of cachen.

Als je nog steeds problemen ervaart (bijv. 404-fouten, widget laadt niet voor uitgelogde bezoekers):

1. Wis de cache van je cacheplugin
2. Sluit chatreact uit van JS-minificatie/combinatie in je cacheplugin-instellingen
3. De plugin gebruikt data-api-url-attributen als fallback om correcte API-communicatie te waarborgen

Stijlconflicten

Als de widget er gebroken uitziet:

• De widget gebruikt geïsoleerde CSS
• Controleer op CSS !important-regels in je thema
• Probeer tijdelijk andere chatplugins uit te schakelen

Meerdere Widgets

Je kunt verschillende chatbots op verschillende pagina's gebruiken door unieke ID's in elke shortcode of blok op te geven.

CMS-integratie (Slimme Sitemap)

Vanaf versie 1.1.0 bevat de ChatReact WordPress Plugin een Slimme Sitemap-functie die de ChatReact-crawler voorziet van gestructureerde contentmetadata rechtstreeks van je WordPress-site.

Hoe het werkt

1. Genereer een Integratiesleutel op het ChatReact-dashboard (Knowledge Base → Websites → CMS-integraties)
2. Plak de sleutel in de WordPress plugin-instellingen onder het tabblad Integratie
3. Selecteer contenttypen die je wilt delen (Pagina's, Berichten, Aangepaste berichttypen)
4. Stel prioriteiten in (Hoog/Gemiddeld/Laag) per contenttype
5. Wanneer je je website crawlt, gebruikt ChatReact automatisch de slimme sitemap in plaats van gewone link-gebaseerde ontdekking

Voordelen

• Sneller crawlen — Directe URL-lijst in plaats van link-voor-link ontdekking
• Contenttype-bewustzijn — De crawler weet of een URL een Pagina, Bericht of Aangepast berichttype is
• Prioriteitsgebaseerde indexering — Belangrijke content (zoals Pagina's) kan zwaarder wegen dan blogberichten
• Selectief delen — Deel alleen de contenttypen die je wilt
• Uitsluiting per bericht — Sluit individuele berichten/pagina's uit de sitemap uit via het meta box

Prioriteitsniveaus

Beveiliging

Het slimme sitemap-eindpunt (/wp-json/chatreact/v1/sitemap) is beveiligd door de Integratiesleutel. Het is niet zichtbaar voor zoekmachines of andere crawlers — alleen ChatReact heeft er toegang toe met de juiste sleutel.

Individuele berichten uitsluiten

In de WordPress-editor heeft elk bericht/pagina een ChatReact Widget meta box met een optie om "Uitsluiten van ChatReact Sitemap" aan te vinken. Aangevinkte berichten verschijnen niet in de slimme sitemap.

Vereisten

• WordPress 5.8 of hoger
• PHP 7.4 of hoger
• Een ChatReact account (gratis registreren)

Changelog

1.1.0

• NIEUW: Slimme Sitemap (CMS-integratie) — gestructureerd content delen met de ChatReact-crawler
• NIEUW: Integratietabblad in plugin-instellingen
• NIEUW: Selectie van contenttypen met prioriteitsniveaus
• NIEUW: Uitsluiting per bericht uit sitemap via meta box
• NIEUW: Beveiligd REST API-eindpunt voor slimme sitemap
• FIX: Volledige compatibiliteit met cache-plugins (WP Rocket, LiteSpeed Cache, Autoptimize, WP Super Cache)
• FIX: Widget-laadproblemen voor uitgelogde bezoekers met cache-plugins
• GEWIJZIGD: Widget-instellingen worden nu centraal beheerd in het ChatReact-dashboard — positie, taal, primaire kleur en auto-open instellingen verwijderd uit de plugin

1.0.24

• Gutenberg-blokken ondersteuning
• Elementor-integratie
• 24 taalvertalingen
• Paginaniveau-widget-toewijzing

Volgende stappen

• Widget Aanpassing →
• FAQ Beheer →
• Formulier Configuratie →