Zum Inhalt springen

Fügen Sie den Quickchat-KI-Agenten mit dem offiziellen Plugin zu Ihrer WordPress-Website hinzu. Installieren Sie es aus dem WordPress Plugin Directory, geben Sie Ihre Scenario ID ein, und das Chat-Widget erscheint automatisch. Kein Code erforderlich.

In dieser Anleitung zeigen wir, wie Sie das Quickchat AI Widget mit unserem offiziellen Plugin zu Ihrer WordPress-Website hinzufügen.

  • Eine WordPress-Website (Version 6.0 oder neuer), auf der Sie Plugins installieren können
  • Das Plugin Quickchat AI Agent (kostenlos, aus dem WordPress Plugin Directory)
  • Ihre Scenario ID aus der Quickchat AI App

Dauer: ~2 Minuten


Gehen Sie im WordPress-Administrationsbereich zu Plugins → Installieren, suchen Sie nach Quickchat AI Agent und klicken Sie dann auf Jetzt installieren und Aktivieren.

Sie können es auch über die Quickchat AI Agent Seite auf WordPress.org installieren oder das Plugin-ZIP unter Plugins → Installieren → Plugin hochladen hochladen.


Gehen Sie nach der Aktivierung zu Einstellungen → Quickchat AI Agent, fügen Sie Ihre Scenario ID ein und klicken Sie auf Änderungen speichern.

Screenshot: Einstellungsseite des Quickchat AI Agent in WordPress mit dem Feld für die Scenario ID


Öffnen Sie das Frontend Ihrer Website und achten Sie auf die Quickchat AI Chat-Bubble in der unteren rechten Ecke der Seite.

Screenshot: Das Quickchat AI Chat-Widget live auf einer WordPress-Website

Das war’s!

Quickchat AI Agent ist live auf Ihrer WordPress-Website 🎉

Die gesamte Widget-Konfiguration (Farben, Position, Launcher-Größe, Willkommensnachrichten, KI-Verhalten) wird in der Quickchat AI App unter Kanäle → Ihre Website verwaltet. Änderungen werden automatisch auf Ihrer Website wirksam. Die vollständige Liste der Erscheinungsbild- und Textoptionen finden Sie in der Website-Anleitung.


Wenn Sie das Plugin lieber nicht installieren möchten, können Sie das Quickchat AI Widget stattdessen mit einem kleinen Script zu WordPress hinzufügen.

  1. Melden Sie sich in der Quickchat AI App an.
  2. Gehen Sie zu Kanäle → Ihre Website → Installieren.
  3. Kopieren Sie das Widget script.
<script>
(function(e,a,d,i,c,t=a.createElement(d)){e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},t.src=i,t.async=1,a.body.insertAdjacentElement("beforeend",t)})(window,document,"script","https://bubble.quickchat.ai/chat.js","_quickchat");
_quickchat("init", "YOUR_SCENARIO_ID_HERE");
</script>

Fügen Sie das Script direkt vor dem schließenden </body>-Tag ein, je nachdem, welche Methode zu Ihrem Setup passt:

  • Ein Code-Snippet-Plugin wie WPCode oder Insert Headers and Footers: Fügen Sie das Script in den Footer-/Body-Bereich des Plugins ein und speichern Sie.
  • Die footer.php Ihres Themes: Fügen Sie das Script unter Design → Theme-Datei-Editor direkt vor </body> ein. Verwenden Sie ein Child-Theme, damit ein Theme-Update Ihre Änderung nicht überschreibt.

Das Widget erscheint auf jeder Seite, die den Footer Ihres Themes enthält.

Bei Fragen kontaktieren Sie uns unter contact@quickchat.ai.