AI Chatbot & Live Chat with ChatGPT Support by WebChatAgent

Voeg een AVG/GDPR conforme AI-chatbot & live chat toe aan je WordPress site. Beantwoord bezoekers 24/7, verzamel leads, plan afspraken en draag over aan mensen.

🤖 Beschrijving

Met AI Chatbot & Live Chat voor WordPress met ChatGPT en Gemini ondersteuning door WebChatAgent voeg je een krachtige AI-assistent en livechatwidget toe aan je WordPress site.

Gebruik geavanceerde functies zoals RAG (Retrieval-Augmented Generation) met ondersteuning voor OpenAI ChatGPT, Google Gemini, xAI Grok, Mistral AI en andere top-AI-modellen om je bezoekers zeer relevante antwoorden te geven op basis van je content. Combineer dit met menselijke overname (live chat), zodat je team kan bijspringen wanneer het ertoe doet.

Je koppelt je site aan je WebChatAgent-account, waar je alle AI-instellingen, het design, live chat regels, de WhatsApp integratie, boekingen en meer beheert. De WordPress plugin richt zich op een soepele insluiting en een live voorbeeld in je WP beheer.

WebChatAgent werkt in overeenstemming met de AVG/GDPR: IP-adressen worden geanonimiseerd opgeslagen en oude gesprekken en persoonsgegevens worden na een instelbare bewaartermijn automatisch opgeschoond. Daarmee past de AI-chatbot goed bij Europese en Duitse sites.

Belangrijke integraties en tools zijn onder andere:

• Actiebalk & formulierbouwer – Voeg links, WhatsApp, Calendly planning en eigen leadformulieren rechtstreeks toe in de chatwidget
• Live chat & menselijke overname – AI beantwoordt de meeste vragen, mensen kunnen elk gesprek overnemen in de inbox
• Kanban ticketbeheer – Zet chatgesprekken om in ondersteuning tickets en beheer ze op een Kanban bord
• Proactieve triggers – Start gesprekken automatisch op basis van bezoekersgedrag (scrolldiepte, exit intent, inactiviteit en meer)
• WhatsApp Business integratie – Bereik gebruikers via je zakelijke WhatsApp nummer, met QR-code en directe link in de chatwidget
• API Connector voor WooCommerce & meer – Laat klanten hun WooCommerce-bestelstatus, accountinfo of ondersteuning tickets direct in de chat checken
• Confluence- & Notion integratie – Importeer wikipagina’s en databases als kennisbronnen voor je chatbot
• Zapier & n8n integratie – Automatiseer workflows en koppel met duizenden apps
• AI Team Wiki – Publiceer een AI-ondersteunde teamkennisbank op je subdomein
• Kennistester – AI-gestuurde kwaliteitstests die hiaten in de kennis van je chatbot vinden
• Ondersteuning voor eigen MCP-servers (Model Context Protocol) – Voor geavanceerde, zelfgehoste of aangepaste AI-modellen

✨ Belangrijkste functies

• Royaal gratis abonnement – Start gratis op WebChatAgent.com en upgrade alleen wanneer je meer gebruik of geavanceerde functies nodig hebt
• Inline Chat Embed (Shortcode & Block) – Place the chat directly inside any page or post with the [webchatagent_inline] shortcode or the “WebChatAgent Inline Chat” Gutenberg block, e.g. on product pages, contact pages or news articles
• Hybride AI-chatbot + live chat – Laat AI routinevragen afhandelen en laat mensen in realtime aanhaken bij elk gesprek
• Menselijke overname / Agent Inbox – Bekijk alle conversaties in één inbox en neem elke chat met één klik over
• Smart Contextual Answers – Uses RAG (Retrieval-Augmented Generation) to answer based on your website content and uploaded documents
• Multi-LLM-ondersteuning – Wissel tussen modellen van OpenAI ChatGPT, Google Gemini (incl. Gemini 3.5 Flash), xAI Grok en Mistral AI
• Bericht streaming – Bot antwoorden verschijnen woord voor woord in realtime, voor een natuurlijke, moderne chat ervaring
• Spraakinvoer – Bezoekers kunnen hun berichten dicteren via de microfoonknop in de chatwidget
• Live URL antwoorden – Bezoekers kunnen een link in de chat plakken en de bot leest die pagina om er vragen over te beantwoorden
• JavaScript pagina crawling – De site crawler rendert JavaScript zware pagina’s (SPA’s), zodat ook die inhoud chatbot kennis wordt
• AI-ondersteunde setup – Laat AI je widgetteksten, assistentrol en prompt knoppen schrijven op basis van je site
• Temperatuurregeling – Stel per chatbot in hoe creatief of hoe precies de antwoorden moeten zijn
• Aangepaste lettertypen – Gebruik het lettertype van je merk in de chatwidget, met aanbevelingen voor alternatieve lettertypen in andere talen
• Kanban ticketbeheer – Beheer ondersteuningsverzoeken uit chats als tickets op een Kanban bord
• Teamrechten – Toegangsbeheer per chatbot voor je teamleden
• AVG/GDPR naleving – Geanonimiseerde IP-opslag en automatische opschoning van oude conversaties en persoonsgegevens na een instelbare bewaartermijn
• Actiebalk & formulierbouwer – Voeg een aanpasbare actiebalk toe met maximaal 5 knoppen: externe links, WhatsApp contact, Calendly planning en eigen leadformulieren
• Proactieve triggers – 9 intelligente triggertypen (tijd op pagina, exit intent, scrolldiepte, inactiviteit, URL-match, zichtbaarheid van secties, terugkerende bezoeker, bezochte pagina’s, rage click) met door AI gegenereerde berichten
• Calendly-integratie – Sluit je Calendly planningspagina rechtstreeks in de chatwidget in – zonder omleidingen
• WhatsApp knop in de widget – QR-code op desktop, directe link op mobiel – bezoekers kunnen vanuit de header van de chatwidget een WhatsApp conversatie starten
• Kennistester – AI genereert testvragen uit je kennisbank, beoordeelt antwoorden en kan hiaten met één klik oplossen
• Content Search – Search through the actual content of all your data sources with hybrid AI + keyword matching
• Ondersteuning voor eigen MCP-servers – Koppel je eigen Model Context Protocol-servers voor zelfgehoste of gespecialiseerde AI-modellen
• Confluence & Notion integratie – Importeer wikipagina’s, kennisbanken en databases rechtstreeks in je chatbot (Premium+)
• Bestandsupload in de AI-chat – Bezoekers kunnen bestanden en afbeeldingen uploaden in de chat voor AI-analyse (Premium+)
• Tool integraties – Koppel je chatbot met externe diensten en systemen om acties uit te voeren
  • Leadbeheer – Verzamel, kwalificeer en beheer automatisch gegevens van potentiële klanten
  • Feedbackbeheer – Verzamel en analyseer gebruikersfeedback om je dienst en chatbot te verbeteren
  • Vragenbeheer – Volg en categoriseer alle vragen die aan je chatbot worden gesteld
• API Connector voor WooCommerce & meer – Koppel je shop zodat klanten direct antwoord krijgen
  • WooCommerce bestelstatus – Klanten vragen “Waar is mijn bestelling?” en je chatbot controleert WooCommerce en antwoordt binnen seconden
  • WooCommerce productinfo – Laat klanten vragen stellen over beschikbaarheid, prijzen of details van producten uit je shop
  • Account- & bestelgeschiedenis – Zoek klantaccounts, eerdere bestellingen of lidmaatschapsstatus automatisch op
  • Ondersteuning ticket-updates – Toon de realtime status van ondersteuningsverzoeken zonder handmatig opzoeken
  • Kant-en-klare WooCommerce template – Start binnen enkele minuten met onze vooraf gebouwde WooCommerce connector – geen code nodig
  • Veilig door ontwerp – Klanten moeten hun identiteit verifiëren (bijv. het e-mailadres van de bestelling) voordat ze persoonsgegevens zien
• WhatsApp Business integratie – Laat je bot klanten beantwoorden op WhatsApp via je zakelijke nummer
• Afspraken & boekingen in de chat – Laat bezoekers rechtstreeks in de chat afspraken boeken (met Google Calendar synchronisatie op ondersteunde abonnementen)
• Meertalige ondersteuning – Antwoordt automatisch in de taal van de gebruiker; menselijke antwoorden kunnen ook worden vertaald
• WCAG 2.2 AA toegankelijkheid – Garandeert toegankelijk gebruik voor alle bezoekers, ongeacht een beperking
• Spambescherming – Voorkomt misbruik van de chatbot en beschermt tegen onverwachte gebruikspieken
• Bestanden uploaden via verslepen – Upload PDF, Word, Excel en tekstbestanden door ze naar de tab ‘Gegevensbronnen’ te slepen
• Bulkacties – Selecteer meerdere gegevensbronnen en verwijder of herindexeer ze allemaal tegelijk
• Volledige aanpassing – Pas weergave, persona, kleuren, lettertypen, gedrag en meer aan via het WebChatAgent dashboard
• Aangepaste rolvoorinstellingen – 6 kant-en-klare chatbot personages om binnen enkele seconden aan de slag te gaan
• Live Preview – See your current widget in a live preview iframe inside the WordPress admin
• Responsive Design – Works perfectly on all devices and screen sizes
• Eenvoudig insluiten – Simpele integratie met je WordPress site via één Chatbot ID

🚀 Installatie

1. Upload the webchatagent folder to the /wp-content/plugins/ directory of your WordPress installation or install it directly from the WordPress plugin directory.
2. Activeer de plugin in de WordPress beheergebied onder “Plugins”.
3. Registreer je of login op https://webchatagent.com en maak je chatbot aan.
4. Kopieer je Chatbot ID uit het WebChatAgent dashboard.
5. Ga in WordPress naar “WebChatAgent” in het beheermenu en plak je Chatbot ID.
6. Schakel de chatbot in bij de plugin-instellingen om de widget op je site te tonen.

Alle instellingen voor ontwerp, AI, live chat, WhatsApp en gedrag worden beheerd in je WebChatAgent dashboard. De WordPress plugin zorgt voor de integratie en toont een live voorbeeld op basis van je huidige configuratie.

⚙️ Veelgestelde vragen

Heb ik een API-sleutel of account nodig om deze plugin te gebruiken?

Je moet je registreren op WebChatAgent.com om een chatbot aan te maken en een Chatbot ID te krijgen. Deze ID voer je vervolgens in bij de plugin instellingen om je WordPress site aan je chatbot te koppelen. API-sleutels en modelinstellingen beheer je in je WebChatAgent account.

Is deze plugin helemaal gratis?

Je kunt starten met een gratis abonnement op WebChatAgent.com. Er zijn betaalde abonnementen beschikbaar als je hogere limieten, meer pagina’s, meer verkeer of geavanceerde functies nodig hebt, zoals hogere berichtquota, teamfuncties en extra integraties.

Can I customize the appearance of the chat widget?

Ja. Je past het kleurenschema, de Avatar, lettertypen, het welkomstbericht, de widgetpositie, het gedrag en de persona rechtstreeks aan in het WebChatAgent dashboard. De WordPress plugin toont een live voorbeeld en gebruikt je huidige configuratie.

Is WebChatAgent AVG/GDPR conform?

Ja. WebChatAgent werkt in overeenstemming met de AVG/GDPR. IP-adressen worden geanonimiseerd opgeslagen om misbruik te voorkomen, chat conversaties worden slechts beperkte tijd bewaard en oude conversaties en persoonsgegevens worden na een instelbare bewaartermijn automatisch opgeschoond. Zie de sectie Privacybeleid hieronder voor details.

Can I embed the chat inside a page instead of the floating button?

Yes. Use the [webchatagent_inline] shortcode (Classic Editor, page builders, text widgets) or the WebChatAgent Inline Chat Gutenberg block to place the chat directly inside your content — for example on a product page, contact page or news article. Both use the Chatbot ID from the plugin settings; you can override it per embed with chatbot-id="..." (or via the block sidebar). The inline embed works independently of the Enable Chatbot toggle, which only controls the floating widget, and the widget script loads only on pages that use it.

Is de chatwidget geschikt voor mobiel?

Yes, the chat widget is fully responsive and works well on all devices, including mobile phones and tablets.

Ondersteunt WebChatAgent live chat en menselijke overname?

Ja. WebChatAgent biedt een hybride model: AI beantwoordt de meeste vragen automatisch en je team kan elke chat op elk moment overnemen via de Agent Inbox. Je kunt als mens antwoorden en de controle daarna weer aan de bot teruggeven als je wilt.

Ondersteunt de plugin WhatsApp Business?

Ja. Je kunt je WhatsApp Business-nummer koppelen in het WebChatAgent dashboard. Je AI-chatbot kan dan WhatsApp berichten beantwoorden en je beheert die conversaties naast je site chats.

How does the AI chatbot understand my website content?

WebChatAgent uses RAG (Retrieval-Augmented Generation) to index and understand your website content and documents. When visitors ask questions, the AI combines this indexed content with a large language model (e.g. ChatGPT or Gemini) to provide accurate, context-aware answers.

Welke AI-modellen worden ondersteund?

De chatbot ondersteunt meerdere grote taalmodellen, waaronder OpenAI ChatGPT, Google Gemini (incl. Gemini 3.5 Flash), xAI Grok en Mistral AI. In je WebChatAgent-instellingen kies je welk model je gebruikt. Snelheids- en kwaliteitsindicatoren helpen je het juiste model te kiezen. Daarnaast kun je eigen MCP-servers (Model Context Protocol) koppelen voor zelfgehoste of gespecialiseerde AI-modellen.

Ondersteunt de chatbot meerdere talen?

Yes, the chatbot automatically detects and responds in the user’s language, making it ideal for multilingual websites. Human replies in the inbox can also be auto-translated.

Is de chatwidget toegankelijk voor mensen met een beperking?

Ja, de chatwidget is ontworpen om te voldoen aan de toegankelijkheidsnormen van WCAG 2.2 AA, zodat hij bruikbaar is voor alle bezoekers, ook voor wie hulptechnologie gebruikt.

Kan de chatbot meer dan alleen vragen beantwoorden?

Ja. Met Tool integraties kun je chatbot verbinding maken met externe diensten en systemen om acties uit te voeren, zoals formulieren versturen, afspraken boeken, records bijwerken of databases bevragen. Je configureert deze tools in je WebChatAgent dashboard.

Wat is de API Connector en hoe werkt die?

Met de API Connector kun je chatbot vragen beantwoorden waarvoor live gegevens uit je WooCommerce shop of andere bedrijfssystemen nodig zijn. In plaats van alleen algemene vragen te beantwoorden, kan je chatbot echte informatie opzoeken voor elke klant.

WooCommerce voorbeelden:

• “Waar is mijn bestelling #12345?” – De chatbot controleert je WooCommerce shop en vertelt de klant de actuele bestelstatus
• “Is het blauwe T-shirt in maat M beschikbaar?” – Zoekt productvoorraad en beschikbaarheid op in WooCommerce
• “Toon mijn recente bestellingen” – Toont de bestelgeschiedenis van de klant uit je shop

Andere systemen:

• Ondersteuning tickets – Toon de ticketstatus uit helpdesksystemen
• Accountinfo – Zoek saldi, lidmaatschappen of aangepaste gegevens op uit elk systeem

Zo stel je het in:

1. Selecteer de WooCommerce template (of een andere template voor je systeem)
2. De chatbot vraagt klanten hun identiteit te verifiëren (bijv. het e-mailadres van hun bestelling)
3. Na verificatie kan de chatbot hun bestellingen, producten en persoonsgegevens opzoeken

Geen programmeerkennis nodig – de WooCommerce connector werkt direct, zonder configuratie.

Welke analyse- en beheertools zijn inbegrepen?

Vanuit je WebChatAgent-account heb je toegang tot:

1. Leadbeheer – Verzamel, categoriseer en volg leads op die via je chatbot zijn gegenereerd
2. Feedback beheer – Bekijk en analyseer gebruikersfeedback om je chatbot en diensten te verbeteren
3. Vragenbeheer – Bekijk alle vragen die aan je chatbot zijn gesteld, herken veelvoorkomende onderwerpen en verbeter je kennisbank
4. Analytics dashboard – Volg conversaties, leads, boekingen, menselijke overnames en onbeantwoorde vragen

Hoe werkt de spambescherming?

Built-in spam and abuse protection monitor usage patterns and prevent abusive or excessive requests. This helps protect your account from unexpected usage spikes and keeps your costs predictable on higher tiers.

📷 Screenshots

1. Instellingenpagina van WebChatAgent – AI Chatbot & Live Chat voor WordPress in het WordPress beheergebied.
2. Live chat widget on your website – desktop view.
3. Mobiele weergave van de chatwidget.

📝 Changelog

1.1.0

• Added: [webchatagent_inline] shortcode to embed the inline chat widget in any page, post or text widget
• Added: “WebChatAgent Inline Chat” Gutenberg block with optional per-block Chatbot ID (WordPress 5.8+)
• Added: Optional chatbot-id attribute to override the global Chatbot ID per embed
• Added: New “Inline Embed” tab in the plugin settings with a copy-ready shortcode snippet
• Improved: Inline embeds load the widget script only on pages that use them
• Compatibility: Minimum required WordPress version is now 5.8

1.0.5

• Added: Bundled translations for German, Spanish, French, Italian, Dutch and Russian (admin UI and privacy policy text)
• Fixed: Plugin text domain is now loaded, so translations actually apply
• Improved: Admin JavaScript …