So fügen Sie ganz einfach einen Online-Chat zu Ihrer Website hinzu (+ Screenshots)

Updated on December 26, 2025
|
Written by Sajjan Sharma Sajjan Sharma
So fügen Sie ganz einfach einen Online-Chat zu Ihrer Website hinzu (+ Screenshots)

Im Laufe der Jahre habe ich unzählige Unternehmen beobachtet, die bei einfachen Kontaktformularen blieben, während ihre Konkurrenten auf Online-Chat umstiegen. 

Der Unterschied in den Ergebnissen war frappierend. Die Unternehmen mit Chat verzeichneten mehr Leads, schnellere Antworten und zufriedenere Kunden.

Ich verstehe, warum so viele den Wechsel scheuen. Das Hinzufügen eines Chats zu Ihrer Website klingt technisch. Sie denken vielleicht, dass Sie einen Entwickler oder Programmierkenntnisse benötigen. Vielleicht machen Sie sich Sorgen über die Kosten oder darüber, dass jemand rund um die Uhr erreichbar sein muss, um Fragen zu beantworten.

Die gute Nachricht? Das Hinzufügen eines Online-Chats ist tatsächlich viel einfacher, als Sie denken. Sie können Ihre Website direkt mit den Chat-Apps verbinden, die Sie bereits verwenden – WhatsApp, Facebook Messenger, Instagram und Telegram.

In diesem Leitfaden zeige ich Ihnen genau, wie Sie Ihrer WordPress-Website einen Online-Chat mit Unterstützung für die größten Messaging-Apps hinzufügen.

Warum das Hinzufügen eines Online-Chats Ihrer Website hilft

Das Hinzufügen eines Online-Chats zu Ihrer WordPress-Website erleichtert es den Besuchern, sich mit Ihnen in Verbindung zu setzen, genau dann, wenn sie Hilfe benötigen. 

Anstatt ein Kontaktformular auszufüllen und auf eine Antwort zu warten, können sie sofort Antworten über ihre bevorzugten Messaging-Apps erhalten.

Beispiel eines Online-Chat-Widgets

Hier sind die wichtigsten Vorteile des Hinzufügens eines Online-Chats:

  • Beantworten Sie Fragen in Echtzeit, während Besucher Ihre Website durchsuchen, was hilft, abgebrochene Warenkörbe und verpasste Gelegenheiten zu verhindern.
  • Besucher müssen keine neuen Apps herunterladen oder Konten erstellen, da sie Ihnen über WhatsApp, Facebook Messenger oder Instagram eine Nachricht senden können.
  • Führen Sie Gespräche später fort, um Personen über Ankündigungen, Sonderangebote zu informieren oder zusätzliche Fragen zu beantworten, die sie möglicherweise haben.
  • Ermutigen Sie Personen, Ihren sozialen Konten zu folgen, damit Sie in Kontakt bleiben und Updates teilen können, auch nachdem sie Ihre Website verlassen haben.
  • Lassen Sie Ihr Support-Personal mehrere Chats gleichzeitig bearbeiten, was schneller ist, als auf einzelne E-Mails zu antworten.

Welches Online-Chat-System ist das richtige für Sie?

Das Erstellen eines neuen Chat-Systems von Grund auf erfordert viel Zeit und Mühe und kann leicht nach hinten losgehen. Der intelligentere Ansatz besteht darin, Plattformen zu wählen, die die Leute bereits kennen und täglich nutzen.

Auf diese Weise müssen Besucher nichts Neues installieren, nur um Sie zu kontaktieren, und sie werden diese Plattformen wahrscheinlich regelmäßig überprüfen.

Da Plattformen wie WhatsApp und Facebook Messenger so beliebt sind, nutzen Ihre Besucher wahrscheinlich bereits mindestens eine davon.

WPChat ist ein WordPress-Plugin, das es unglaublich einfach macht, Ihrer Website einen Online-Chat hinzuzufügen. Es fügt einen schwebenden Button hinzu, auf den Besucher klicken können, um ihre bevorzugte Messaging-Plattform auszuwählen.

WPChat Plugin-Homepage

Wenn Besucher auf den Button klicken und eine Plattform auswählen, leitet WPChat sie zu dieser Messaging-App weiter, wo Sie oder Ihr Support-Team direkt mit ihnen chatten können.

Um Ihnen zu helfen, die meisten Menschen zu erreichen, unterstützt das Plugin die größten Messaging-Apps – WhatsApp, Facebook Messenger, Telegram und Instagram. 

  • Benutzerdefinierte Chat-Agenten: Erstellen Sie Chat-Agenten mit Namen und Profilbildern, um Ihr Support-Team zu repräsentieren und dem Chat eine menschliche Note zu verleihen.
  • Gleichmäßige Arbeitslast für den Support: Legen Sie Online-Zeiten fest, damit das Plugin den Chat automatisch an das verfügbare Personal weiterleitet und die Arbeitslast ausgleicht. 
  • Vorgefertigte Themes importieren: Erstellen Sie sofort schöne Chat-Widgets, indem Sie aus 3 verschiedenen Themes auswählen.
  • FAQs zu Ihrem Widget hinzufügen: Geben Sie Besuchern sofort Antworten auf häufig gestellte Fragen, bevor sie überhaupt einen Chat starten.
  • Den visuellen Anpasster verwenden: Gestalten Sie Ihr Online-Chat-Widget mit einer Live-Vorschau detailliert in nur wenigen einfachen Klicks.
Passen Sie Ihr Online-Chat-Widget an

Im Vergleich zu anderen Chat-Lösungen ist WPChat leichtgewichtig und einfach einzurichten. Ich habe festgestellt, dass Sie in nur wenigen Minuten ein voll funktionsfähiges Online-Chat-System einsatzbereit haben können.

Bereit, Online-Chat zu Ihrer Website hinzuzufügen? Starten Sie noch heute mit WPChat!

So fügen Sie Ihrer Website ganz einfach einen Online-Chat hinzu

Bereit, Ihrer WordPress-Website einen Online-Chat hinzuzufügen? In diesem Abschnitt führe ich Sie Schritt für Schritt durch den gesamten Einrichtungsprozess. Am Ende haben Sie ein voll funktionsfähiges Chat-Widget, das Besucher mit mehreren Messaging-Plattformen verbindet.

Schritt 1: WPChat auf Ihrer Website installieren und aktivieren

Zuerst müssen Sie eine Kopie von WPChat für Ihre Website erhalten. Holen Sie sich das WPChat-Plugin hier und speichern Sie die Datei auf Ihrem Computer.

Nun können Sie es auf Ihrer WordPress-Website installieren und aktivieren.

Falls Sie Hilfe benötigen, können Sie sich diese Anfängeranleitung zur Installation von WordPress-Plugins ansehen.

Schritt 2: Erstellen Sie Ihr Online-Chat-Widget

Jetzt, da das Plugin einsatzbereit ist, ist es an der Zeit, Ihr Chat-Widget einzurichten.

Gehen Sie im Menü Ihrer WordPress-Dashboard zu WPChat und klicken Sie auf die Schaltfläche Einrichten.

Erstellen Sie ein FAQ-Widget mit WP-Chat

Auf dem Einrichtungsbildschirm sehen Sie die Option, Ihre Kontaktinformationen für die größten Messaging-Apps einzugeben:

  • WhatsApp: Geben Sie Ihre Telefonnummer mit Ländercode ein
  • Instagram: Fügen Sie Ihren Instagram-Benutzernamen hinzu
  • Telegram: Fügen Sie die Telefonnummer hinzu, die Sie für Ihr Telegram-Konto verwendet haben
  • Messenger: Geben Sie den Benutzernamen Ihrer Facebook-Markenseite ein

Nachdem Sie die Messaging-Apps ausgewählt haben, die Sie verwenden möchten, scrollen Sie auf der Seite nach unten.

Klicken Sie abschließend auf die Schaltfläche Weiter, um fortzufahren.

Klicken Sie auf Weiter, um die Verbindung zu bestätigen

Als Nächstes müssen Sie ein Theme für Ihr Chat-Widget auswählen. WPChat bietet drei vorgefertigte Optionen: Basic, Night und Pastel

Wählen Sie das Design, das am besten zum Design Ihrer Website passt, und klicken Sie auf Weiter, um fortzufahren.

Wählen Sie ein Thema für Ihr FAQ-Widget

Jedes Theme hat ein anderes Farbschema und einen anderen Stil, wählen Sie also dasjenige, das natürlich zum Erscheinungsbild Ihrer Website passt. 

Machen Sie sich keine Sorgen, wenn es nicht perfekt ist – Sie können die Farben und das Design später noch anpassen.

Schritt 3: Wählen Sie aus, wo das Online-Chat-Widget sichtbar ist

Nun müssen Sie entscheiden, wo Ihr Chat-Widget auf Ihrer Website erscheinen soll. WPChat bietet Ihnen zwei Sichtbarkeitsoptionen:

  • Zeigen Sie das Online-Chat-Widget überall auf Ihrer Website an.
  • Wählen Sie, ob das Chat-Widget nur auf bestimmten Seiten angezeigt werden soll.
Wählen Sie aus, wo Sie Ihr WordPress-FAQ-Widget anzeigen möchten

Wenn die Online-Chat-Funktion überall verfügbar sein soll, wählen Sie Auf allen Seiten anzeigen.

Anschließend können Sie die unten stehenden Filter verwenden, um bestimmte Seiten, Tags, Kategorien und Benutzerdefinierte Beitragstypen auszuschließen.

Sie können dann auf Weiter klicken, um fortzufahren.

Schließen Sie Teile Ihrer Website vom Chat-Widget aus

Wenn Sie es nur auf bestimmten Seiten haben möchten, wählen Sie die Option Nur auf bestimmten Seiten anzeigen.

Danach können Sie die Filter verwenden, um auszuwählen, wo das Widget sichtbar sein soll.

Sobald Sie Ihre Auswahl getroffen haben, klicken Sie auf Weiter, um fortzufahren. 

Wählen Sie die Seiten, Kategorien, Tags oder benutzerdefinierten Beitragstypen aus

Geben Sie auf dem nächsten Bildschirm Ihren WPChat-Lizenzschlüssel in das vorgesehene Feld ein. Diesen Schlüssel finden Sie in Ihrem WPChat-Dashboard.

Klicken Sie abschließend auf Setup abschließen, um den anfänglichen Einrichtungsprozess abzuschließen. Ihr Online-Chat-Widget ist jetzt auf Ihrer Website aktiv, aber wir werden es in den nächsten Schritten weiter anpassen.

Geben Sie Ihren WPChat-Lizenzschlüssel ein, um die Einrichtung abzuschließen

Schritt 4: Passen Sie Ihr Online-Chat-Widget an

Nachdem Ihr Chat-Widget eingerichtet ist, ist es an der Zeit, es an Ihr Branding anzupassen.

Um zu beginnen, können Sie auf die Schaltfläche Anpassen klicken, um den Live-Editor zu öffnen.

Beginnen Sie mit der Anpassung Ihres Online-Chat-Widgets

Im Live-Editor sehen Sie auf der linken Seite ein Panel mit den verschiedenen Anpassungsoptionen.

Wenn Sie diese Optionen verwenden, um Änderungen vorzunehmen, wird auch die Live-Vorschau auf der rechten Seite aktualisiert.

Live-Editor für Ihr Online-Chat-Widget

Ich werde einige der Anpassungsoptionen hier durchgehen, damit Sie sehen können, wie es funktioniert.

Klicken Sie zuerst im linken Menü auf Farbpalette.

Öffnen Sie die Farbpalettenoptionen für Ihr Online-Chat-Widget

Sie sehen mehrere vorgefertigte Farbpaletten, aus denen Sie wählen können. 

Wenn keine davon zu Ihrem Branding passt, klicken Sie auf Benutzerdefiniert, um Ihre eigenen Farben auszuwählen.

Wählen Sie eine Farbpalette aus den verfügbaren Optionen

Sobald Sie Ihre Farben ausgewählt haben, klicken Sie auf Speichern, um sie auf Ihr Widget anzuwenden. 

Klicken Sie dann auf die Schaltfläche Zurück, um zum Hauptanpassungsmenü zurückzukehren.

Zurück zu den Haupteditor-Optionen

Suchen Sie als Nächstes nach der Option Abschnitte auf der linken Seite des Bildschirms. Hier können Sie Teile deaktivieren, die Sie aus Ihrem Chat-Widget ausblenden möchten. 

Sie können Abschnitte auch neu anordnen, indem Sie sie nach oben und unten ziehen, um ihre Reihenfolge zu ändern.

Sichtbare Abschnitte für Ihr Online-Chat-Popup

Dies gibt Ihnen die vollständige Kontrolle darüber, was Besucher sehen und in welcher Reihenfolge. Klicken Sie auf Speichern, um Ihre Änderungen zu speichern, wenn Sie mit der Anpassung fertig sind.

Schritt 5: Richten Sie Ihren Chat-Agenten ein

WPChat zeigt den Besuchern einen Chat-Agenten an, bevor Sie zur Messaging-App oder Website weitergeleitet werden.

Navigieren Sie im WordPress-Dashboard zum Menü WPChat » Agenten.

Sie sehen einen Standard-Agenten, der bereits für Sie erstellt wurde. Klicken Sie auf Bearbeiten, um diesen Agenten mit Ihren Informationen anzupassen.

Beginnen Sie mit der Bearbeitung Ihres Messenger-Chat-Agenten

Klicken Sie zuerst auf Hochladen, um ein passendes Profilbild für Ihren Agenten auszuwählen.

Dies kann Ihr Foto, Ihr Logo oder das Bild eines Teammitglieds sein. 

Beginnen Sie mit der Festlegung eines Profilbilds für den Facebook Messenger Chat-Agenten

Das Hinzufügen eines echten Fotos hilft, Ihr Online-Chat-Widget persönlicher und vertrauenswürdiger zu gestalten.

Unter dem Bild geben Sie im vorgesehenen Feld einen Namen für Ihren Agenten ein.

Geben Sie einen Namen für den Chat-Agenten ein

Verwenden Sie einen echten Namen, wenn Sie eine persönliche Note hinzufügen möchten, oder verwenden Sie Ihren Geschäftsnamen, wenn Sie einen formelleren Ansatz bevorzugen.

Scrollen Sie nach unten und Sie sehen Felder, um die Kontaktdaten für WhatsApp, Telegram, Messenger und Instagram zu bearbeiten.

Fügen Sie Kontaktinformationen für Ihr Online-Chat-Widget hinzu

Dadurch werden die Kontaktinformationen für diesen speziellen Chat-Agenten geändert.

Sobald Sie alle Ihre Kontaktinformationen hinzugefügt haben, klicken Sie auf Änderungen speichern, um Ihre Agentendetails zu speichern. 

Ihr Online-Chat-Widget ist jetzt vollständig konfiguriert und bereit, Ihnen bei der Kontaktaufnahme mit Besuchern zu helfen.

Beispiel eines mit WPChat erstellten Online-Chat-Widgets

Abschließende Gedanken

Sie haben erfolgreich Online-Chat zu Ihrer WordPress-Website mit WPChat hinzugefügt. Jetzt können Besucher Sie sofort über Chat-Plattformen erreichen, mit denen sie bereits vertraut sind.

Ich habe festgestellt, dass Sie mehr Gespräche, mehr Leads und letztendlich mehr Kunden erhalten, wenn Sie Reibungsverluste im Kontaktprozess beseitigen.

Bereit, Online-Chat zu Ihrer WordPress-Website hinzuzufügen? Starten Sie jetzt mit WPChat!

Sie möchten vielleicht auch unseren Leitfaden zum Erstellen von Chat-Funnels mit WPChat lesen. 

Die Kombination Ihres Online-Chat-Widgets mit FAQs und Chat-Funnels bietet Besuchern mehrere Möglichkeiten, die benötigte Hilfe zu erhalten.