ChatGPT of Gemini toevoegen aan een WordPress-website: stapsgewijze gids 2026

30 november 2025

Wil je een AI chatbot plugin toevoegen aan je WordPress website? Je bent op de juiste plek. In deze stap-voor-stap tutorial laat ik je precies zienhoe je ChatGPT (OpenAI) of Google Gemini kunt integreren in WordPress, zelfs als je zoiets nog nooit eerder hebt gedaan.

Geen codering nodig. Duurt ongeveer 10 minuten. Laten we het doen 🚀

AI-assistent
AI-assistent
Contact Mens
FAQ
Free Trial
1

Een goede AI-chatbot is niet zoals die ouderwetse bots met vooraf geschreven antwoorden. Het gebruikt ChatGPT of Gemini om te begrijpen wat bezoekers vragen en zoekopdrachten via de inhoud van uw website om relevante antwoorden te geven.

Als je geïnteresseerd bent in de technische kant, bekijk dan ons artikel over hoe RAG-chatbots werken.

Wat je nodig hebt

  • WordPress website 🙂
  • Een AI chatbot-plugin (ik zal de opties hieronder bespreken)
  • API-sleutel van OpenAI of Google (duurt 2 minuten om aan te maken)
  • Ongeveer 10-15 minuten

Dat is het. Laten we gaan.

Stap 1: Installeer een Chatbot-plugin

Nu heb je een WordPress plugin nodig om alles te verbinden. Er zijn verschillende opties - AI Engine, Tidio, enz.

Ik gebruik AI-assistent die een gratis versie heeft waarmee je kunt beginnen. Het is echt WordPress native en werkt met elk WordPress-thema en traint de chatbot op de werkelijke inhoud van je site.

Installeren:

  1. Download de plugin van de website: AI Chat & Zoek Downloaden
  2. Ga naar WordPress → Plugins → Nieuwe toevoegen → Plugin uploaden
  3. De zip uploaden bestand, installeren, activeren

Dat was het voor de basisopstelling.

Stap 2: Verkrijg uw API-sleutel

Ten eerste heb je een API-sleutel om je site te verbinden met ChatGPT of Gemini. Dit is in feite een wachtwoord waarmee je chatbot met de AI kan praten.

Je kunt kiezen uit OpenAI (ChatGPT) of Google (Gemini). Beide werken geweldig. Hier lees je hoe je ze kunt krijgen:

Optie A: OpenAI API-sleutel (ChatGPT)

  1. Ga naar platform.openai.com en maak een account aan
  2. Klik op API Keys in de zijbalk (of ga direct naar platform.openai.com/api-sleutels)
  3. Klik op “Nieuwe geheime sleutel maken”.”
  4. Geef het iets als “WordPress Chatbot”.”
  5. Meteen kopiëren - je zult het niet meer zien

Voeg dan wat credits toe - ga naar Facturering → Credits toevoegen. Het minimum is $5 waarmee je ongeveer:

  • ~10.000 berichten met GPT-4.1 Mini
  • ~5.000 berichten met GPT-5.1
  • ~3.000 berichten met GPT-4.1

Voor de meeste kleine sites duurt $5 een eeuwigheid. OpenAI gebruikt prepaid credits zodat je niet per ongeluk te veel kunt uitgeven.

Er is een 2 minuten video tutorial hier als je liever kijkt.

Optie B: Google Gemini API-sleutel

Gemini heeft een gratis niveau dat leuk is om te testen:

  1. Ga naar aistudio.google.com/api-sleutels
  2. Klik “API-sleutel aanmaken“
  3. Kies een Google Cloud-project (of maak er een aan)
  4. Kopieer je sleutel

Klaar. Letterlijk 30 seconden.

Limieten van het gratis niveau: 10 aanvragen per minuut, 250 aanvragen per dag voor Gemini 2.5 Flash. Goed genoeg voor testen en sites met weinig verkeer.

Voor productiegebruik wil je facturering inschakelen. Gemini 2.5 Flash kost ongeveer $0,30 per miljoen input tokens - erg goedkoop - vergelijkbaar met ChatGPT ~$5 per 5000 berichten. Houd er rekening mee dat Gemini je na de cyclus factureert (niet prepaid zoals OpenAI), dus let op je gebruik.

Stap 3: Uw API-sleutel verbinden

Laten we nu alles aansluiten:

  1. Zoek in de zijbalk van WordPress naar AI-assistent
  2. Ga naar Instellingen tab
  3. Plak je OpenAI of Gemini API-sleutel
  4. Kies je AI-model (ik vind GPT-5.1 en Gemini Flash 2.5)
  5. Sla

Stap 4: Train de Chatbot

Dit is het belangrijkste deel - de chatbot moet leren wat er op je site staat.

  1. Ga naar de Gegevenstraining tab
  2. Klik op “🚀 Start training”.”
  3. Wacht tot het klaar is

De plugin scant je inhoud en maakt embeddings (in feite een doorzoekbare index) die de AI gebruikt om relevante dingen te vinden bij het beantwoorden van vragen.

Gebruik je systeemprompt als spiekbriefje. In de gratis versie krijg je 1000 tekens - genoeg om je contactgegevens, verzendbeleid, retourbeleid, openingstijden en antwoorden op veelgestelde vragen op te nemen. De AI gebruikt dit om te antwoorden zonder zelfs je database te doorzoeken.

Met de gratis versie kun je alle blogberichten trainen. Je kunt een aantal berichten toevoegen en ze gebruiken als bron over je website en er ook SEO-geoptimaliseerde artikelen van maken. Win-win! De Pro-versie ontsluit pagina's, producten, aangepaste posttypen en geüploade PDF's.

Voorbeeld:

Wij zijn een koffiebranderij in Portland. We verzenden wekelijks verse bonen.

VERZENDKOSTEN: Gratis boven $35, anders $5,99. Wordt binnen 2 dagen verzonden.
RETOUREN: Volledige terugbetaling binnen 14 dagen indien ongeopend.
CONTACT: hello@coffeeshop.com, ma-vr 9-5 PST

Populair: Ethiopische Yirgacheffe ($18), House Blend ($14)
Abonnementen: 10% korting, op elk moment opzegbaar via de accountpagina.

De AI zal deze informatie gebruiken om vragen te beantwoorden, zelfs zonder in je database te zoeken. Iemand vraagt “biedt u abonnementen aan?” - dan weet de AI dat al.

Stap 5: Aanpassen hoe het reageert

Houd antwoorden kort

Voeg dit toe aan uw systeemprompt:

Houd je antwoorden kort, onder de 100 woorden. Link naar relevante pagina's voor details.

Kortere reacties = snellere reacties.

Out of the box werkt de chatbot prima, maar je kunt het veel beter maken door het over je site te vertellen. Zoek het veld met aangepaste instructies of systeemprompts en voeg wat context toe:

IMPORTANT:
- This is [describe your site - what you sell/do]
- If users ask about [common question], tell them [answer]
- If users ask about [another common thing], explain [how it works]

CONTACT INFO:
- Email: your@email.com  
- Phone: your number
- Hours: when you're available

Een online winkel kan bijvoorbeeld het volgende gebruiken:

BELANGRIJK:
- Dit is een online meubelwinkel met wereldwijde verzending.
- Als gebruikers vragen hebben over bestellingen, kunnen ze deze volgen in "Mijn account" of een e-mail sturen naar de klantenservice.
- Als gebruikers vragen hebben over retourzendingen, accepteren we retourzendingen binnen 30 dagen.

CONTACT: support@store.com, ma-vr 9am-5pm

Snelle oplossing voor lege resultaten

Als de chatbot niets teruggeeft wanneer iemand vraagt naar “goede koptelefoon” of “leuk restaurant” - dan is het misschien aan het auto-filteren op hoge beoordelingen. Voeg deze regel toe:

Pas geen beoordelingsfilter toe tenzij de gebruiker er specifiek om vraagt.

Stap 6: de Widget Chat aanpassen (optioneel)

De basisinstellingen zijn gedaan, maar er zijn een heleboel opties om de chatbot beter bij je site te laten passen. Ga naar de AI chat tabblad instellingen.

Basisinstellingen

  • Chatbot-naam - wat wordt weergegeven in de koptekst van de chat (standaard: “Assistent”)
  • Welkom - het eerste bericht dat bezoekers zien als ze de chat openen. Iets als “Hallo! Ik kan je helpen producten te vinden of vragen te beantwoorden. Waar ben je naar op zoek?”
  • AI-model - kies het model van je voorkeur, zoals GPT 5.1 of Gemini 3 Pro / 2.5 Flash
  • Maximale resultaten - hoeveel items te tonen in zoekresultaten (5-50)

Widget Uiterlijk

Je kunt aanpassen hoe de zwevende chatbel eruitziet:

  • Pictogram aangepaste knop - je eigen SVG-pictogram uploaden
  • Welkom Bubbel Bericht - de kleine tekst die boven de chatknop verschijnt (“Hallo! Hoe kan ik u helpen?”)
  • Pop-up breedte/hoogte - de grootte van het chatvenster aanpassen (standaard 390x600px)
  • Knop Kleur & Primaire Kleur - passen bij je merkkleuren

Privacy en toegangsopties

  • Inloggen vereist om chat te gebruiken - alleen ingelogde gebruikers kunnen chatten (handig voor lidmaatschapssites)
  • Chatgeschiedenis bijhouden inschakelen - slaat conversaties op voor analyse (automatisch verwijderd na 30 dagen)
  • Gebruiksvoorwaarden tonen - voegt een termijn toe voor naleving
  • Chat verbergen op geselecteerde pagina's - de widget uitschakelen op specifieke pagina's zoals Winkelwagen, Afrekenen, Mijn account

Shortcode gebruiken

Wil je geen zwevende widget? Gebruik dan de shortcode:

[ai_chat]

Je kunt het aanpassen met parameters:

[ai_chat height="600px" style="2"]

Hiermee kunt u de chat overal insluiten - in een pagina, zijbalk of specifieke secties van uw site.

Dat is het - Je bent klaar! 🎉

Serieus, dat is het hele proces. Je site heeft nu een AI-chatbot die:

  • Begrijpt vragen in natuurlijke taal
  • Zoekt naar antwoorden op je actuele inhoud
  • Werkt 24/7 zonder dat je iets hoeft te doen

Ga het testen. Stel wat vragen over je site en kijk hoe het werkt. Pas de systeemprompt aan als dat nodig is.

FAQ

Hoeveel kost het om dit te laten draaien?

API-kosten zijn meestal $5-15/maand voor kleine tot middelgrote sites. Veel minder dan de meeste chatbot-abonnementsdiensten.

Wordt mijn site er trager van?

Nee. Chatbot laadt asynchroon, AI-verwerking gebeurt op OpenAI/Google-servers. Zoeken naar site-inhoud gebeurt op uw server via embeddings cosine similariteitsberekening (nerd alert)

Moet ik gespreksstromen of beslisbomen bouwen?

Nee. Je schrijft gewoon instructies in gewone taal - zoals je een nieuwe werknemer brieft. “Houd een vriendelijke toon aan, stel WhatsApp voor als ze niet kunnen vinden wat ze nodig hebben, vermijd technisch jargon.” De AI zoekt de rest uit.

Is het meertalig?

Werkt in elke taal. Je kunt zelfs aangeven dat zoekopdrachten moeten worden vertaald voordat er wordt gezocht als je inhoud in een specifieke taal is.

Kan iemand de chatbot spammen?

Nee. Er zijn twee lagen van snelheidsbeperking - client-side (browser cache) en server-side. Dus zelfs als iemand het probeert te misbruiken, zullen ze de limieten vroeg bereiken.

Wil je meer functies?

Als je meer nodig hebt, is de Pro-versie ($59 one-time) adds:

  • Geschiedenis chatgesprek - zien wat bezoekers vragen
  • Berichten en pagina's zoeken - AI doorzoekt al je content
  • WooCommerce filters - filteren op prijs, voorraad, beoordelingen, uitverkoopartikelen
  • Productkaarten in chat - echte productkaarten tonen, niet alleen tekst
  • Aangepaste berichttypen - train op elk type inhoud
  • PDF-opleiding - handleidingen, veelgestelde vragen, documenten uploaden
  • Branding verwijderen - geen “powered by” label

Als je alternatieven voor AI Chat & Search wilt bekijken, kun je ons artikel met een vergelijking tussen verschillende WordPress-chatbots lezen →

Koppelingen:

Purethemes