Anmelden

KI-Chatbot für WordPress mit WP Suite AI-Kit

AI-Kit enthält ein AiChatbot-Widget, das auf der gesamten Website angezeigt werden kann.

Anders als AI-Kit Feature wird der Chatbot nicht über einen Gutenberg-Block oder Shortcode hinzugefügt. Sie konfigurieren ihn im WordPress-Admin unter AI-Kit Settings → Chatbot Settings.

Voraussetzungen​

Der Chatbot läuft derzeit ausschließlich im Backend-Modus.

Damit er im Frontend erscheint, benötigen Sie:

  • ein aktives Pro-Abonnement,
  • ein konfiguriertes Backend (Ihren AI-Kit-Backend-Endpunkt),
  • die aktivierte Option Enable chatbot unter Chatbot Settings,
  • gespeicherte Einstellungen.

Vorschau und Livebetrieb​

Mit dem Schalter Preview können Sie die aktuellen Einstellungen sofort ohne Speichern ausprobieren.

Während der Vorschau:

  • ist die Schaltfläche der Live-Website ausgeblendet,
  • erscheint stattdessen eine Vorschau-Schaltfläche.

Um die Konfiguration auf Ihrer Website anzuwenden, aktivieren Sie den Chatbot bei Bedarf und speichern Sie Ihre Änderungen.

Einstellungsreferenz​

Die Chatbot-Einstellungen sind in mehrere Gruppen unterteilt.

Chatbot-Konfiguration​

  • Enable chatbot — schaltet das Widget für die Website ein oder aus.
  • Chat title — Titel am oberen Rand des Chat-Dialogs.
  • AI disclosure — ein Hinweis nahe dem Statusbereich über der Nachrichteneingabe, der Besucher daran erinnert, dass KI-generierte Antworten Fehler enthalten können. Lass das Feld leer, um den Standardtext der gewählten Oberflächensprache zu verwenden, oder geben Sie einen eigenen Text ein. Der Platzhalter {name} fügt den lokalisierten Chat-Titel ein.
  • Placeholder — Platzhaltertext für die Eingabe über dem Nachrichtenfeld.
  • Language — Sprache der Beschriftungen in der Benutzeroberfläche. Lass das Feld leer, um die Standardwerte zu verwenden.
  • Direction — Textrichtung: ltr | rtl | auto.
  • History storage — Ort, an dem der Chatverlauf gespeichert wird:
    • localstorage (default)
    • sessionstorage
    • nostorage
hinweis

Wenn die Verlaufsspeicherung aktiviert ist, löscht AI-Kit den gespeicherten Chatverlauf automatisch nach 24 Stunden.

Erscheinungsbild​

Mit diesen Optionen passt Sie das Mantine-Theme der Chatbot-Oberfläche an:

  • Color mode — light | dark | auto.
  • Primary color — Name einer Mantine-Farbe oder einer benutzerdefinierten benannten Farbe.
  • Primary shade (light/dark) — Farbtonindex 0…9 für die Primärfarbe.
  • Custom colors — fügt benannte Hex-Farben hinzu, die als primaryColor-Optionen verfügbar werden.

Erweitert​

Optionale Layout- und Grenzwerte:

  • Open button position — Position der Startschaltfläche:
    • bottom-right (default)
    • bottom-left
    • top-right
    • top-left
  • Open button label — Text der Startschaltfläche.
  • Open button icon layout — Position des Symbols relativ zum Titel: top | bottom | left | right.
  • Open button icon (base64) — Daten-URL (zum Beispiel data:image/svg+xml;base64,...).
  • Show open button title — blendet den Titel der Startschaltfläche ein oder aus.
  • Show open button icon — blendet das Symbol der Startschaltfläche ein oder aus.
  • Max images — maximale Anzahl von Bildern pro Nachricht. Anhänge sind standardmäßig deaktiviert: Lass das Feld leer oder setzen Sie es auf 0, sofern das konfigurierte Frontend-Modell keine Bildeingaben unterstützt. Ein positiver Grenzwert aktiviert Anhänge, macht ein reines Textmodell im Backend aber nicht multimodal.
  • Max image bytes — maximale Größe pro Bild in Byte.

Überschreiben von Beschriftungen​

Sie können jede integrierte Beschriftung der Chatbot-Oberfläche überschreiben, etwa Schaltflächen, Tooltips oder Fehlermeldungen.

  • Nur überschriebene Beschriftungen werden gespeichert.
  • Entfernen Sie eine Überschreibung, um wieder den Standardwert zu verwenden.

Gestaltung mit CSS-Variablen​

Informationen zur Anpassung über CSS-Tokens, etwa Abstände, Radien, Farben sowie Größen der Startschaltfläche und des Chats, finden Sie unter Gestaltung (CSS-Variablen).