ChatReact
StartseiteDokumentation

WordPress Plugin

Fügen Sie ChatReact KI-Chatbots, Kontaktformulare und FAQ-Akkordeons mit unserem offiziellen Plugin zu Ihrer WordPress-Website hinzu.

Download

ChatReact Plugin v1.0.24 herunterladen

Installation

Methode 1: Upload über WordPress Admin

  1. Laden Sie die Plugin-ZIP-Datei oben herunter
  2. Gehen Sie zu Plugins → Installieren → Plugin hochladen
  3. Wählen Sie die ZIP-Datei und klicken Sie auf Jetzt installieren
  4. Klicken Sie auf Plugin aktivieren

Methode 2: Manueller Upload per FTP

  1. Entpacken Sie die ZIP-Datei
  2. Laden Sie den chatreact Ordner nach /wp-content/plugins/ hoch
  3. Gehen Sie zu Plugins im WordPress-Admin
  4. Suchen Sie "ChatReact" und klicken Sie auf Aktivieren

Konfiguration

Nach der Aktivierung gehen Sie zu Einstellungen → ChatReact für Nutzungshinweise.

Ihre Chatbot-ID finden

  1. Melden Sie sich bei chatreact.ai an
  2. Gehen Sie zum Dashboard Ihres Chatbots
  3. Klicken Sie auf den Kopieren-Button neben der Chatbot-ID (oben angezeigt)

Ihre Formular-ID finden

  1. Melden Sie sich bei chatreact.ai an
  2. Gehen Sie zu Formulare
  3. Wählen Sie Ihr Formular
  4. Kopieren Sie die Formular-ID

Nutzungsmöglichkeiten

Das Plugin bietet mehrere Möglichkeiten, ChatReact hinzuzufügen:

1. Shortcodes

Fügen Sie zu jeder Seite, jedem Beitrag oder Widget-Bereich hinzu:

Chat-Widget:

[chatreact id="IHRE_CHATBOT_ID"]

Optionale Attribute: position, language, primary_color, auto_open

Kontaktformular:

[chatreact_form id="IHRE_FORMULAR_ID"]

Optionale Attribute: language

FAQ-Akkordeon:

[chatreact_faq id="IHRE_CHATBOT_ID"]

Optionale Attribute: categories, container, language

2. Gutenberg-Blöcke

Im Block-Editor:

  1. Klicken Sie auf + um einen Block hinzuzufügen
  2. Suchen Sie nach "ChatReact"
  3. Wählen Sie Chat Widget, Form Widget oder FAQ Widget
  4. Geben Sie Ihre ID in den Block-Einstellungen ein

3. Elementor

Wenn Sie Elementor verwenden:

  1. Bearbeiten Sie Ihre Seite mit Elementor
  2. Suchen Sie nach "ChatReact" in den Widgets
  3. Ziehen Sie das Widget auf Ihre Seite
  4. Konfigurieren Sie im linken Panel

4. Seitenbezogene Zuweisung

Weisen Sie Widgets bestimmten Seiten ohne Shortcodes zu:

  1. Bearbeiten Sie eine beliebige Seite oder einen Beitrag
  2. Suchen Sie die "ChatReact Widget" Meta-Box
  3. Wählen Sie einen Widget-Typ
  4. Geben Sie Ihre ID ein
  5. Speichern Sie die Seite

Shortcode-Beispiele

Einfaches Chat-Widget

[chatreact id="abc123"]

Chat-Widget mit Optionen

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

FAQ mit Kategoriefilter

[chatreact_faq id="abc123" categories="versand,retouren"]

Kontaktformular mit Sprache

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

Unterstützte Sprachen

Das Plugin unterstützt 24 EU-Sprachen:

  • Bulgarisch, Dänisch, Deutsch, Englisch, Estnisch, Finnisch
  • Französisch, Griechisch, Irisch, Italienisch, Kroatisch, Lettisch
  • Litauisch, Maltesisch, Niederländisch, Polnisch, Portugiesisch
  • Rumänisch, Schwedisch, Slowakisch, Slowenisch, Spanisch, Tschechisch, Ungarisch

Fehlerbehebung

Widget erscheint nicht

  1. Überprüfen Sie, ob Ihre Chatbot-ID korrekt ist
  2. Prüfen Sie, ob der Chatbot in Ihrem ChatReact-Dashboard aktiv ist
  3. Leeren Sie alle Caching-Plugins
  4. Prüfen Sie die Browser-Konsole auf JavaScript-Fehler

Styling-Konflikte

Wenn das Widget fehlerhaft aussieht:

  • Das Widget verwendet isoliertes CSS
  • Prüfen Sie auf CSS !important Regeln in Ihrem Theme
  • Deaktivieren Sie vorübergehend andere Chat-Plugins

Mehrere Widgets

Sie können verschiedene Chatbots auf verschiedenen Seiten verwenden, indem Sie eindeutige IDs in jedem Shortcode oder Block angeben.

Anforderungen

Änderungsprotokoll

1.0.24

  • Aktuelle stabile Version
  • Gutenberg-Blöcke Unterstützung
  • Elementor-Integration
  • 24 Sprachübersetzungen
  • Seitenbezogene Widget-Zuweisung

Nächste Schritte

Vorherige
MCP Server Integration