So fügst du ChatGPT oder Gemini zu deiner WordPress-Website hinzu: Schritt-für-Schritt-Anleitung 2026 Guide

30. November 2025

Du möchtest ein AI Chatbot Plugin in deine WordPress Website einbauen? <In dieser Schritt-für-Schritt-Anleitung zeige ich dir genau, wie du ChatGPT (OpenAI) oder Google Gemini in WordPress integrierst, auch wenn du so etwas noch nie gemacht hast.

Keine Codierung erforderlich. Dauert etwa 10 Minuten. Los geht's 🚀

KI-Assistent
KI-Assistent
Kontakt Mensch
FAQ
Free Trial
1

Ein richtiger KI-Chatbot ist nicht wie diese altmodischen Bots mit vorformulierten Antworten. Es verwendet ChatGPT oder Gemini, um zu verstehen, was Besucher fragen und Durchsuchen des eigentlichen Inhalts Ihrer Website um sachdienliche Antworten zu geben.

Wenn du an den technischen Details interessiert bist, lies unseren Artikel darüber, wie RAG-gestützte Chatbots funktionieren.

Was Sie brauchen

  • WordPress Website 🙂
  • Ein KI-Chatbot-Plugin (ich werde die Optionen weiter unten behandeln)
  • API-Schlüssel von OpenAI oder Google (Erstellung dauert 2 Minuten)
  • Etwa 10-15 Minuten

Das war's. Los geht's.

Schritt 1: Installieren Sie ein Chatbot-Plugin

Jetzt brauchen Sie ein WordPress-Plugin, um alles zu verbinden. Es gibt mehrere Optionen - AI Engine, Tidio, etc.

Ich benutze KI-Assistent die eine kostenlose Version enthält, mit der Sie beginnen können. Es ist wirklich WordPress nativ und funktioniert mit jedem WordPress-Theme und trainiert den Chatbot mit dem aktuellen Inhalt Ihrer Website.

Zum Installieren:

  1. Laden Sie das Plugin von der Website herunter: AI Chat & Suche Download
  2. Gehe zu WordPress → Plugins → Neu hinzufügen → Plugin hochladen
  3. Hochladen der Zip-Datei Datei, installieren, aktivieren

Das war's mit der Grundeinstellung.

Schritt 2: Erhalten Sie Ihren API-Schlüssel

Erstens: Sie brauchen eine API-Schlüssel, um Ihre Website mit ChatGPT oder Gemini zu verbinden. Dies ist im Grunde ein Passwort, mit dem Ihr Chatbot mit der KI sprechen kann.

Sie können entweder OpenAI (ChatGPT) oder Google (Gemini) wählen. Beide funktionieren hervorragend. Hier erfahren Sie, wie Sie beide bekommen:

Option A: OpenAI API-Schlüssel (ChatGPT)

  1. Gehe zu plattform.openai.de und erstellen Sie ein Konto
  2. Klicken Sie in der Seitenleiste auf API-Schlüssel (oder gehen Sie direkt zu platform.openai.com/api-keys)
  3. Klicken Sie auf “Neuen geheimen Schlüssel erstellen”.”
  4. Nennen Sie ihn z. B. “WordPress Chatbot”.”
  5. Sofort kopieren - Sie werden es nicht wiedersehen

Dann fügen Sie einige Guthaben hinzu - gehen Sie zu Abrechnung → Guthaben hinzufügen. Das Minimum ist $5, womit Sie etwa:

  • ~10.000 Nachrichten mit GPT-4.1 Mini
  • ~5.000 Nachrichten mit GPT-5.1
  • ~3.000 Nachrichten mit GPT-4.1

Für die meisten kleinen Websites reicht $5 ein Leben lang, wenn auch nur vorübergehend. OpenAI verwendet Prepaid-Guthaben, damit Sie nicht versehentlich zu viel ausgeben können.

Es gibt eine 2-minütiges Video-Tutorial hier wenn Sie lieber zuschauen.

Option B: Google Gemini API-Schlüssel

Gemini hat eine kostenlose Stufe, die sich gut zum Testen eignet:

  1. Gehe zu aistudio.google.com/api-keys
  2. Klick “API-Schlüssel erstellen“
  3. Wählen Sie ein Google Cloud-Projekt (oder erstellen Sie eines)
  4. Kopieren Sie Ihren Schlüssel

Erledigt. Buchstäblich 30 Sekunden.

Grenzen der freien Ebene: 10 Anfragen pro Minute, 250 Anfragen pro Tag für Gemini 2.5 Flash. Gut genug für Tests und Websites mit geringem Datenverkehr.

Für den produktiven Einsatz sollten Sie die Abrechnung aktivieren. Gemini 2.5 Flash kostet etwa $0.30 pro Million Input-Token - sehr günstig - ähnlich wie ChatGPT ~$5 pro 5000 Nachrichten. Denken Sie nur daran, dass Gemini nach dem Zyklus abrechnet (nicht im Voraus bezahlt wie OpenAI), also achten Sie auf Ihre Nutzung.

Schritt 3: Verbinden Sie Ihren API-Schlüssel

Jetzt schließen wir alles an:

  1. In der WordPress-Seitenleiste finden Sie KI-Assistent
  2. Gehe zu Einstellungen Registerkarte
  3. Fügen Sie Ihren OpenAI oder Gemini API Schlüssel ein
  4. Wählen Sie Ihr AI-Modell (ich mag GPT-5.1 und Gemini Flash 2.5)
  5. Speichern Sie

Schritt 4: Trainieren des Chatbots

Dies ist der wichtige Teil - der Chatbot muss lernen, was auf Ihrer Website steht.

  1. Gehen Sie zum Daten Ausbildung Registerkarte
  2. Klicken Sie auf “🚀 Ausbildung beginnen”
  3. Warten, bis es fertig ist

Das Plugin scannt Ihre Inhalte und erstellt Einbettungen (im Grunde einen durchsuchbaren Index), die die KI verwendet, um bei der Beantwortung von Fragen relevante Inhalte zu finden.

Nutzen Sie Ihre System-Eingabeaufforderung als Spickzettel. In der kostenlosen Version erhalten Sie 1000 Zeichen - genug, um Ihre Kontaktinformationen, Versand- und Rückgaberichtlinien, Geschäftszeiten und Antworten auf häufige Fragen aufzunehmen. Die KI nutzt dies, um zu antworten, ohne Ihre Datenbank zu durchsuchen.

Mit der kostenlosen Version können Sie alle Blogbeiträge trainieren. Sie können einige Beiträge hinzufügen und sie als Quelle über Ihre Website verwenden und sie auch SEO-optimierte Artikel machen. Eine Win-Win-Situation! Die Pro-Version schaltet Seiten, Produkte, benutzerdefinierte Beitragstypen und hochgeladene PDFs frei.

Beispiel:

Wir sind eine Kaffeerösterei mit Sitz in Portland. Wir liefern wöchentlich frische Bohnen.

VERSAND: Kostenlos über $35, sonst $5.99. Versand innerhalb von 2 Tagen.
RÜCKGABE: Volle Rückerstattung innerhalb von 14 Tagen, wenn ungeöffnet.
KONTAKT: hello@coffeeshop.com, Mon-Fri 9-5 PST

Beliebt: Äthiopischer Yirgacheffe ($18), Hausmischung ($14)
Abonnements: 10% aus, jederzeit auf der Kontoseite kündbar.

Die KI wird diese Informationen nutzen, um Fragen zu beantworten, auch ohne Ihre Datenbank zu durchsuchen. Jemand fragt: “Bieten Sie Abonnements an?” - weiß sie es bereits.

Schritt 5: Anpassen der Reaktionsweise

Antworten kurz halten

Fügen Sie dies zu Ihrer System-Eingabeaufforderung hinzu:

Halten Sie die Antworten kurz, unter 100 Wörtern. Verweisen Sie für Details auf die entsprechenden Seiten.

Kürzere Antworten = schnellere Antworten.

Standardmäßig funktioniert der Chatbot gut, aber Sie können ihn noch verbessern, indem Sie ihm etwas über Ihre Website erzählen. Suchen Sie das Feld für benutzerdefinierte Anweisungen oder Systemaufforderungen und fügen Sie etwas Kontext hinzu:

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

Zum Beispiel könnte ein Online-Geschäft verwenden:

WICHTIG!
- Dies ist ein Online-Möbelgeschäft mit weltweitem Versand.
- Wenn Benutzer über Aufträge fragen, können sie in "Mein Konto" oder E-Mail-Support verfolgen.
- Wenn Benutzer über Rückgaben fragen, akzeptieren wir Rückgaben innerhalb von 30 Tagen.

KONTAKT: support@store.com, Mo-Fr 9-17 Uhr

Schnelle Lösung für leere Ergebnisse

Wenn der Chatbot nichts zurückgibt, wenn jemand nach “guten Kopfhörern” oder “nettem Restaurant” fragt, könnte er automatisch nach hohen Bewertungen filtern. Fügen Sie diese Zeile hinzu:

Wenden Sie keinen Bewertungsfilter an, es sei denn, der Benutzer wünscht dies ausdrücklich.

Schritt 6: Anpassen des Chat-Widgets (optional)

Die Grundeinstellung ist fertig, aber es gibt eine Reihe von Optionen, um den Chatbot besser an Ihre Website anzupassen. Gehen Sie zum AI-Chat Registerkarte in den Einstellungen.

Grundeinstellungen

  • Chatbot Name - was in der Kopfzeile des Chats angezeigt wird (Standard: “Assistent”)
  • Willkommensnachricht - die erste Nachricht, die Besucher sehen, wenn sie den Chat öffnen. Etwas wie “Hallo! Ich kann Ihnen helfen, Produkte zu finden oder Fragen zu beantworten. Wonach suchen Sie?”
  • AI-Modell - Wählen Sie Ihr bevorzugtes Modell wie GPT 5.1 oder Gemini 3 Pro / 2.5 Flash
  • Maximale Ergebnisse - wie viele Einträge in den Suchergebnissen angezeigt werden sollen (5-50)

Widget-Erscheinung

Sie können das Aussehen der schwebenden Chatblase anpassen:

  • Benutzerdefiniertes Schaltflächensymbol - Laden Sie Ihr eigenes SVG-Symbol hoch
  • Willkommensblasen-Botschaft - der kleine Text, der über der Chat-Schaltfläche eingeblendet wird (“Hallo! Wie kann ich Ihnen helfen?”)
  • Popup Breite/Höhe - Größe des Chat-Fensters ändern (standardmäßig 390x600px)
  • Tastenfarbe & Grundfarbe - mit Ihren Markenfarben übereinstimmen

Datenschutz und Zugangsoptionen

  • Anmeldung für die Nutzung des Chats erforderlich - nur eingeloggte Benutzer können chatten (nützlich für Mitgliederseiten)
  • Verfolgung des Chatverlaufs aktivieren - speichert Konversationen für die Analyse (wird nach 30 Tagen automatisch gelöscht)
  • Hinweis zu den Nutzungsbedingungen anzeigen - fügt einen Hinweis auf die Einhaltung der Bedingungen hinzu
  • Chat auf ausgewählten Seiten ausblenden - Deaktivieren Sie das Widget auf bestimmten Seiten wie Warenkorb, Kasse, Mein Konto

Shortcode verwenden

Sie wollen das schwebende Widget nicht? Verwenden Sie stattdessen den Shortcode:

[ai_chat]

Sie können sie mit Parametern anpassen:

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

Damit können Sie den Chat überall einbetten - auf einer Seite, in einer Seitenleiste oder in bestimmten Bereichen Ihrer Website.

Das war's - Sie sind fertig! 🎉

Im Ernst, das ist der ganze Prozess. Ihre Website hat jetzt einen KI-Chatbot, der:

  • Versteht natürlichsprachliche Fragen
  • Durchsucht Ihre aktuellen Inhalte nach Antworten
  • Arbeitet 24/7, ohne dass Sie etwas tun müssen

Testen Sie es aus. Stellen Sie ihm ein paar Fragen zu Ihrer Website und sehen Sie, wie es funktioniert. Ändern Sie bei Bedarf die Eingabeaufforderung.

FAQ

Wie hoch sind die Betriebskosten?

Die API-Kosten betragen in der Regel $5-15/Monat für kleine bis mittelgroße Websites. Viel weniger als die meisten Abonnement-Chatbot-Dienste.

Wird meine Website dadurch verlangsamt?

Nein. Der Chatbot wird asynchron geladen, die KI-Verarbeitung erfolgt auf OpenAI/Google-Servern. Die Suche nach Website-Inhalten erfolgt auf Ihrem Server über die Berechnung der Kosinus-Ähnlichkeit von Einbettungen (Nerd-Alarm).

Muss ich Gesprächsabläufe oder Entscheidungsbäume erstellen?

Nein. Sie schreiben einfach Anweisungen in einfacher Sprache - wie bei der Einweisung eines neuen Mitarbeiters. “Bewahren Sie einen freundlichen Ton, schlagen Sie WhatsApp vor, wenn sie nicht finden, was sie brauchen, und vermeiden Sie Fachjargon.” Die KI findet den Rest heraus.

Ist sie mehrsprachig?

Funktioniert in jeder Sprache. Sie können sogar festlegen, dass Abfragen vor der Suche übersetzt werden, wenn Ihr Inhalt in einer bestimmten Sprache vorliegt.

Kann jemand den Chatbot spammen?

Nein. Es gibt zwei Ebenen der Ratenbegrenzung - clientseitig (Browser-Cache) und serverseitig. Selbst wenn jemand versucht, sie zu missbrauchen, stößt er also früh an die Grenzen.

Möchten Sie mehr Funktionen?

Wenn Sie mehr brauchen, können Sie die Pro-Version ($59 one-time) adds:

  • Chat-Verlauf - sehen, was die Besucher fragen
  • Suche nach Beiträgen und Seiten - AI durchsucht alle Ihre Inhalte
  • WooCommerce-Filter - filtern nach Preis, Lagerbestand, Bewertungen, Verkaufsartikel
  • Produktkarten im Chat - tatsächliche Produktkarten zeigen, nicht nur Text
  • Benutzerdefinierte Beitragstypen - auf jeden Inhaltstyp trainieren
  • PDF-Ausbildung - Handbücher, FAQs, Dokumente hochladen
  • Branding entfernen - kein “powered by”-Label

Wenn du dir Alternativen zu AI Chat & Search ansehen möchtest, kannst du unseren Vergleichsartikel zu verschiedenen WordPress-Chatbots lesen →

Links:

Purethemes