Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

Kostenlosen Live-Chat in WordPress hinzufügen (2 einfache Wege)

Das Hinzufügen einer kostenlosen Live-Chat-Funktion zu Ihrer WordPress-Website kann die Kundenbindung und den Support verbessern, indem Ihren Besuchern Echtzeitunterstützung geboten wird.

Es ermöglicht Ihnen, in Echtzeit mit Website-Besuchern zu interagieren, sodass Sie deren Fragen beantworten und Probleme sofort lösen können. Dies kann Ihnen mehr Verkäufe einbringen und bestehende Kunden dazu ermutigen, Ihrer Marke treu zu bleiben.

Viele unserer Partner-Marken nutzen den Live-Chat, um Kunden zu unterstützen, sie durch den Kaufprozess zu führen und alle ihre Fragen zu beantworten. Wir haben festgestellt, dass dies ihnen hilft, einen positiven Eindruck bei den Nutzern zu hinterlassen, was zu mehr Leads und erhöhten Konversionen führt.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach Live-Chat zu Ihrer WordPress-Website hinzufügen. Wir führen Sie durch zwei einfache Methoden – eine mit einem komplett kostenlosen Plugin und eine mit einem Live-Chat-Dienst.

Kostenlosen Live-Chat in WordPress hinzufügen

Warum Live-Chat auf Ihrer WordPress-Site verwenden?

Laut eConsultancy hat Live-Chat die höchste Zufriedenheit aller Kundenservice-Kanäle. Tatsächlich liegt die Zufriedenheit mit Live-Chat bei 73 %, was deutlich höher ist als die Zufriedenheit mit E-Mail, Telefon und SMS.

Weitere Statistiken zu Live-Chats finden Sie in unseren Marketingstatistiken, Trends und Fakten.

Wenn Sie einen E-Commerce-Shop betreiben oder ein kleines Unternehmen haben, kann Live-Chat Kunden zum Kauf Ihrer Produkte überzeugen. Sie können auch mit Käufern sprechen, die den Checkout-Prozess nicht abschließen, was Ihnen helfen kann, abgebrochene Warenkörbe wiederherzustellen. Sie können sogar Produkte vorschlagen oder Kunden über einen Verkauf informieren.

Darüber hinaus können Sie Live-Chat nutzen, um Ihre bestehenden Kunden in Echtzeit zu unterstützen und sie zu Markenbotschaftern zu machen, die Ihr Unternehmen an Freunde und Familie weiterempfehlen.

Eine Live-Chat-Funktion auf einer WordPress-Website

Nun wollen wir uns ansehen, wie Sie ganz einfach einen kostenlosen Live-Chat in WordPress hinzufügen. Sie können die untenstehenden Links verwenden, um direkt zu der Methode zu springen, die Sie interessiert:

Der einfachste Weg, kostenlosen Live-Chat zu Ihrer WordPress-Website hinzuzufügen, ist die Verwendung von WPChat. Es ist ein kostenloses Live-Chat-Plugin, mit dem Besucher direkt auf Ihrer Website eine Konversation starten und diese dann nahtlos zu WhatsApp, Telegram, Facebook Messenger oder Instagram übertragen können.

Auf diese Weise können Kunden den Chat auf Ihrer Website beginnen, aber auf der Messaging-App fortsetzen, die sie bereits verwenden – so müssen sie nicht auf Ihrer Website bleiben, und Sie können einen schnelleren und bequemeren Support anbieten. Weitere Informationen finden Sie in unserem detaillierten WPChat-Testbericht.

Um zu beginnen, müssen Sie das kostenlose WPChat-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie unseren Leitfaden zur Installation eines WordPress-Plugins.

Hinweis: Die kostenlose Version von WPChat bietet alles, was Sie benötigen, um Live-Chat zu Ihrer WordPress-Website hinzuzufügen. Wenn Sie erweiterte Funktionen wie Sichtbarkeitskontrollen, anpassbare Markenfarben, Analysen und mehr wünschen, können Sie auf WPChat Pro upgraden.

Nach der Aktivierung des Plugins klicken Sie im WordPress-Dashboard auf den neuen Menüpunkt WPChat. Klicken Sie von dort auf die Schaltfläche „Einrichten“.

Richten Sie das WPChat-Plugin ein

Auf der nächsten Seite müssen Sie Ihre WhatsApp Geschäftsnummer im Standard-Internationalformat (einschließlich Ländercode) eingeben.

Klicken Sie dann auf die Schaltfläche „Weiter“, um fortzufahren.

Geben Sie Ihre WhatsApp Business-Telefonnummer ein

Im folgenden Schritt können Sie ein Design für Ihr neues Live-Chat-Widget auswählen. Es stehen drei Designs zur Auswahl: Basic, Night und Pastel.

Klicken Sie einfach auf das Dropdown-Menü, um Ihr bevorzugtes Design auszuwählen. Wenn Sie sich nicht sicher sind, welches Design Sie wählen sollen, machen Sie sich keine Sorgen, Sie können es jederzeit später ändern.

Nachdem Sie ein Design ausgewählt haben, klicken Sie auf die Schaltfläche „Weiter“.

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

Als Nächstes müssen Sie entscheiden, wo das Live-Chat-Widget auf Ihrer WordPress-Website erscheinen soll.

Mit der kostenlosen Version von WPChat haben Sie zwei Optionen:

  • Auf allen Seiten anzeigen
  • Auf keiner Seite anzeigen

Wählen Sie die Option „Auf allen Seiten anzeigen“ und klicken Sie auf die Schaltfläche „Weiter“, um fortzufahren.

Konfigurieren Sie die Sichtbarkeit des Live-Chat-Widgets in WPChat

💡 Pro-Tipp: Möchten Sie mehr Kontrolle darüber haben, wo das Live-Chat-Widget auf Ihrer Website erscheint? Mit WPChat Pro können Sie wählen, ob Sie Ihr Live-Chat-Widget auf bestimmten Seiten, Kategorien, Tags, oder benutzerdefinierten Beitragstypen anzeigen oder ausblenden möchten.

Jetzt sehen Sie eine Erfolgsmeldung, dass das Plugin vollständig eingerichtet ist.

Schließen Sie die WPChat-Einrichtung ab

Wenn Sie von der kostenlosen Version auf WPChat Pro upgraden möchten, können Sie dies von dieser Seite aus tun.

Andernfalls scrollen Sie einfach zum Ende der Seite und klicken Sie auf die Schaltfläche „Einrichtung abschließen, ohne zu upgraden“.

Klicken Sie in WPChat auf die Schaltfläche „Einrichtung abschließen“

Anpassen des Erscheinungsbilds des Live-Chat-Widgets

Nach der Ersteinrichtung werden Sie zum WPChat-Dashboard weitergeleitet.

Von hier aus können Sie Ihr Live-Chat-Widget weiter anpassen, damit es zu Ihrer Marke passt. Klicken Sie dazu einfach auf die Schaltfläche „Anpassen“.

Passen Sie das WPChat-Live-Chat-Fenster an

Dies öffnet den WPChat Chat Assistant Editor. Auf der linken Seite sehen Sie alle Designoptionen, einschließlich Thema, Farbpalette, Kopfzeile, Symbol, Assistenten-Avatar und mehr.

Jedes Mal, wenn Sie Änderungen vornehmen, sehen Sie in der Live-Vorschau auf der rechten Seite, wie es aussieht.

WPChat Chat-Assistenten-Editor

Zum Beispiel können Sie die Option „Header“ aus dem Menü auf der linken Seite anklicken.

Von dort aus können Sie eine neue Header-Nachricht eingeben, die das Erste ist, was Besucher sehen, wenn sie mit der Maus über Ihr Live-Chat-Widget fahren.

Wenn Sie mit Ihrer Header-Nachricht zufrieden sind, vergessen Sie nicht, auf „Speichern“ zu klicken.

Passen Sie den WPChat-Header-Text an

Sie können auch das Aussehen Ihres Assistenten-Avatars ändern. Der Assistenten-Avatar ist das, was Besucher sehen, wenn sie Ihr Chat-Widget öffnen – ein Assistent, der sie direkt zu Ihrem WhatsApp-Chat führt.

Um ihn anzupassen, klicken Sie im Menü auf der linken Seite auf „Assistenten-Avatar“. Von hier aus können Sie aus der Sammlung von vorgefertigten Avataren wählen.

Passen Sie den WPChat-Assistenten-Avatar an

Vergessen Sie auch hier nicht, auf „Speichern“ zu klicken, um Ihre Änderungen zu speichern.

Wenn Sie mit den Anpassungen fertig sind, klicken Sie auf die Schaltfläche „Editor schließen“.

Hinweis: Mit der kostenlosen Version von WPChat sind die Anpassungsoptionen begrenzt. Wenn Sie das WPChat-Branding entfernen, einen benutzerdefinierten Assistenten-Avatar hochladen, benutzerdefinierte Farben festlegen und mehr möchten, müssen Sie auf die Premium-Version von WPChat upgraden.

Konfigurieren Ihres Live-Chat-Agenten

Als Nächstes empfehlen wir, Ihren Standard-Live-Chat-Agenten anzupassen. Dies vermittelt den Besuchern das Gefühl, dass eine echte Person bereit ist zu helfen, was von Anfang an Vertrauen aufbaut.

Gehen Sie dazu auf der WordPress-Dashboard-Seite zu WPChat » Agenten und klicken Sie auf die Schaltfläche „Bearbeiten“ neben Ihrem Standard-Agenten.

Konfigurieren Sie den Standard-Live-Chat-Agenten in WPChat

Von hier aus können Sie auf „Hochladen“ klicken, um ein Profilbild für Ihren Live-Chat-Agenten auszuwählen.

Darunter können Sie im bereitgestellten Feld einen Agentennamen eingeben.

Sie können auch Kontaktdaten für andere Messaging-Dienste hinzufügen, darunter Telegram, Facebook Messenger und Instagram. Auf diese Weise haben Besucher neben WhatsApp zusätzliche Möglichkeiten, Ihnen Nachrichten zu senden.

Bearbeiten Sie den Standard-Chat-Agenten in WPChat

💡 Profi-Tipp: Mit WPChat Pro können Sie mehrere Chat-Agenten hinzufügen, die jede Person in Ihrem Team repräsentieren. Sie können sogar benutzerdefinierte Arbeitszeiten festlegen, sodass Ihre Chats nur an verfügbare Agenten weitergeleitet werden.

Wenn Sie mit Ihrem Live-Chat-Agenten zufrieden sind, klicken Sie auf die Schaltfläche „Änderungen speichern“.

Das war's! Jetzt können Sie Ihre WordPress-Website besuchen, um Ihr Live-Chat-Fenster in Aktion zu sehen.

WPChat Live-Chat-Widget-Demo

Wenn ein Besucher auf den Chat-Button auf Ihrer Website klickt, kann er auswählen, über welche Messaging-App er mit Ihnen chatten möchte.

Dann öffnet WPChat eine neue Konversation in der bevorzugten Messaging-App (wenn er auf seinem Handy ist) oder in der Webanwendung (wenn er auf seinem Computer ist).

Methode 2: Live-Chat zu WordPress mit LiveChat Inc. hinzufügen

Eine weitere Möglichkeit, Ihrer Website eine Live-Chat-Funktion hinzuzufügen, ist die Verwendung von LiveChat Inc. Es ist eine der besten WordPress-Live-Chat-Lösungen mit erweiterten Funktionen, und wir verwenden sie auf unserer eigenen OptinMonster-Website.

Sie können mehr darüber in unserem LiveChat-Testbericht erfahren.

Das LiveChat WordPress-Plugin ist kostenlos, obwohl Sie ein kostenpflichtiges Abonnement erwerben müssen, um den LiveChat-Dienst zu nutzen. Abonnements beginnen bei 19,00 US-Dollar pro Monat, aber es gibt auch eine 30-tägige Testversion, sodass Sie den Dienst kostenlos testen können.

Um zu beginnen, gehen Sie zur LiveChat-Website. Geben Sie dann Ihre geschäftliche E-Mail-Adresse ein und klicken Sie auf die Schaltfläche „Kostenlos anmelden“.

Kostenlos bei Live Chat anmelden

Dies führt Sie zu einer Seite, auf der Sie Ihre E-Mail-Adresse, geschäftliche Telefonnummer und das gewünschte Passwort eingeben können.

Nach Eingabe dieser Informationen klicken Sie auf „Anmelden“.

Erstellen eines LiveChat-Kontos für eine WordPress-Website

Nach wenigen Augenblicken erhalten Sie eine E-Mail mit der Aufforderung, Ihr Konto zu verifizieren. Öffnen Sie einfach die E-Mail und klicken Sie auf die Schaltfläche „Ihr Konto verifizieren“.

Anpassen des Erscheinungsbilds des Live-Chat-Fensters

Ihr LiveChat-Fenster muss die Aufmerksamkeit der Benutzer auf sich ziehen und gleichzeitig Ihr WordPress-Theme ergänzen.

Um das Aussehen der LiveChat-Fenster zu ändern, melden Sie sich in Ihrem LiveChat-Konto an mit der E-Mail-Adresse und dem Passwort, die Sie zuvor eingegeben haben.

Klicken Sie im linken Menü auf Einstellungen. Wählen Sie dann „Chat-Widget“ und „Anpassung“.

Anpassen des LiveChat-Fensters für WordPress

Sie können jetzt das Live-Chat-Fenster gestalten und Ihre Änderungen in Echtzeit sehen.

Zu Beginn können Sie ein Design für das minimierte Chat-Fenster auswählen.

Klicken Sie einfach auf „Darstellung“, um diesen Bereich zu erweitern, und klicken Sie dann auf die verschiedenen Themes, um eine Vorschau anzuzeigen, wie sie in Ihrem WooCommerce- oder ähnlichen Shop aussehen werden.

Erstellung eines benutzerdefinierten, gebrandeten Live-Chat-Agenten für WordPress

Sie können auch zwischen hellen und dunklen Designs wechseln oder eine der Designfarben anwenden.

Wenn Sie die Farbe einzelner Elemente im Chatfenster ändern möchten, klicken Sie auf die Schaltfläche „Weitere Farbeinstellungen“, um auf zusätzliche Steuerelemente zuzugreifen.

Ändern der Farbeinstellungen in einem Live-Chat-Fenster

Tipps zur Gestaltung Ihres Chatfensters finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Auswahl des perfekten Farbschemas.

Standardmäßig zeigt LiveChat neben dem Firmenlogo am unteren Rand des Chatfensters die Meldung „Powered by LiveChat“ an.

Um Ihr Branding zu stärken, klicken Sie auf den Abschnitt „Zusätzliche Anpassungen“ und ersetzen Sie dies durch Ihr eigenes Website-Logo.

Hinzufügen Ihres eigenen Logos zu einem WordPress Live-Chat-Fenster

Klicken Sie dann auf 'Ihr Logo hochladen' und wählen Sie das Bild aus, das Sie stattdessen anzeigen möchten.

Sie können auch wählen, ob das Foto des Agenten angezeigt werden soll, ob Kunden Agenten bewerten dürfen, ob Tonbenachrichtigungen aktiviert werden sollen und mehr.

Wenn Sie mit dem Aussehen des Chatfensters zufrieden sind, klicken Sie auf „Änderungen speichern“.

Live-Chat auf Ihrer WordPress-Website einrichten

Der nächste Schritt ist das Hinzufügen von LiveChat zu Ihrem Online-Marktplatz oder Geschäft mit dem kostenlosen Plugin.

Um zu beginnen, installieren und aktivieren Sie das LiveChat-Plugin. Wenn Sie Hilfe benötigen, lesen Sie unseren Leitfaden für Anfänger zur Installation eines WordPress-Plugins.

Nach der Aktivierung werden Sie aufgefordert, sich bei Ihrem LiveChat-Konto anzumelden. Geben Sie einfach Ihre E-Mail-Adresse ein und klicken Sie auf die Schaltfläche „Anmelden“.

Anmelden beim LiveChat-Konto in einem WordPress-Dashboard

Nach einigen Momenten sehen Sie eine Meldung, dass LiveChat erfolgreich zu Ihrer WordPress-Website hinzugefügt wurde. Wenn Sie auf diese Sprechblase klicken, öffnet sich ein Live-Chat-Widget auf Ihrem Bildschirm.

Wenn Sie nun Ihre WordPress-Website besuchen, sehen Sie die Chat-Blase in der unteren rechten Ecke des Bildschirms.

Eine Live-Chat-Blase auf einer WordPress-Website

Jedes Mal, wenn jemand versucht, Sie zu kontaktieren, erhalten Sie eine Benachrichtigung in Ihrem LiveChat-Konto.

Um dem Besucher zu antworten, geben Sie einfach Ihre Antwort in das LiveChat-Dashboard ein.

Verwaltung Ihrer Live-Chat-Nachrichten in Echtzeit

Bonus: So finden Sie geschulte Live-Chat-Agenten

WPChat und LiveChat machen es einfach, Live-Chat zu Ihrem WordPress-Blog oder Ihrer Website hinzuzufügen. Sie benötigen jedoch auch Personen, die Ihren Besuchern Echtzeit-Support bieten.

Die einfachste Lösung ist, Ihren Kundensupport an LTVPlus auszulagern, einem verwalteten Live-Chat-Service für Online-Unternehmen.

LTVPlus-Website

LTVPlus wurde vom Mitbegründer von MaxCDN, der Content-Delivery-Lösung, die wir auf unserer WPBeginner-Website verwenden, gegründet.

LTVPlus bietet erschwingliche Live-Chat-Agenten, die einen 24/7-Support leisten können. So können Sie Ihr Geschäft ausbauen, ohne teures Support- und Verkaufspersonal einstellen zu müssen.

Durch die Verwendung von WPChat oder LiveChat in Kombination mit LTVPlus können Sie Live-Chat zu Ihrer Website hinzufügen und Ihr Geschäft auf die nächste Stufe heben. Tatsächlich haben wir LiveChat und LTVPlus verwendet, um mehr Verkäufe auf unserer OptinMonster-Website zu erzielen.

Wir hoffen, dieses Tutorial hat Ihnen geholfen zu lernen, wie Sie ganz einfach Live-Chat in WordPress hinzufügen können. Vielleicht möchten Sie auch unsere Liste der besten Buchhaltungsdienste für Ihr Online-Geschäft und unser WordPress-Tutorial zum Hinzufügen eines Chatbots in WordPress ansehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

12 CommentsLeave a Reply

    • Sie sollten sich an den Support für das Plugin wenden, um zu erfahren, ob es derzeit eine lokale Unterstützung anbietet, aber im Moment funktioniert es nicht auf einer lokalen Installation.

      Admin

  1. Danke für Ihren exklusiven Beitrag. Ich möchte eine Chat-Option implementieren, ohne ein Plugin zu verwenden. Wenn Sie ein Tutorial zu diesem Thema haben, senden Sie mir bitte den Link. Ich würde mich freuen.

  2. Hallo, in Firebug finde ich den Abstand für „remove margin-bottom“, er zeigt den Pfad inline:1,
    aber ich versuche, den ursprünglichen Pfad zu finden. Können Sie mir helfen?

  3. Versuche, einen privaten Chat auf meiner Website hinzuzufügen, aber es ist fehlgeschlagen. Bitte helfen Sie.

  4. Hallo Admin… Ich bin ein großer Fan von wpbeginner.. Ich habe Ihre Website durchsucht und kann das nicht finden… Aber wie zeige ich verwandte Beiträge an, wie Sie es in Ihrer Fußzeile nach den Kommentaren tun?

  5. Gast-Chat-Zugang ist eine großartige Möglichkeit, Spam zu erhalten. Ich suche schon ewig nach einem Chat-Plugin für WP, das dieselbe Benutzerdatenbank verwendet. Einige lassen JEDEN dem Chat beitreten und andere verlangen, dass sich alle Besucher auf einer externen Website registrieren UND verlangen dafür eine monatliche Gebühr.

    Lame :E

    Ich hoffe, Chat Room liefert genau das, was ich brauche. Einfacher Live-Chat für meine Benutzer =)

  6. Chat-Option 1: – ist NUR gut, wenn Benutzer auf Ihrem Blog registriert sind. Sie hat KEINE Optionen für Gäste. (87,8 % der Leute werden sich NICHT auf einer Website registrieren, nur um eine Frage zu stellen oder einen Kommentar abzugeben) – Statistiken

    Chat-Option 2: WP und IRC sind keine guten Freunde. Jeder, der auch nur kurze Zeit in der IRC-Welt unterwegs war, weiß, wie man die Schwachstellen von WP (ich werde sie hier nicht posten, aber sie sind leicht zu finden) ausnutzt, um die IP jedes Benutzers (auch des Administrators) von WP über IRC abzurufen.

    Chat-Option 3: Das Hinzufügen eines Skype-Buttons ist vergleichbar mit dem Hinzufügen eines Facebook-Buttons, Yahoo Messenger-Buttons usw. und hat überhaupt keinen Platz im Bereich „Chat zu WordPress hinzufügen“. (Es ist kein Hinzufügen von Chat zu WordPress) Sie könnten genauso gut sagen, sie sollen einfach tippen – füge mich auf Skype hinzu! und ihren Benutzernamen posten.

    Chat-Option 4: Siehe Antwort auf Chat-Option 3. Twitter ist KEIN Chat für WordPress, noch ist es ein Teil, der integriert werden kann, oder anderweitig im Entferntesten relevant.

    Dieser gesamte Blogbeitrag „So fügen Sie Chat zu WordPress hinzu“ – selbst nach dem Titel – ist bestenfalls irreführend. Ich würde die Optionen 2-4 entfernen. (Besonders die IRC-Option für Anfänger, Sie setzen einen neuen Benutzer nur potenziellen Schwachstellen aus, von denen er keine Ahnung hat, wie er sie beheben kann) Und klären, dass Option 1 nur für registrierte Benutzer ist.

    Ein Link zu Ihrem Beitrag (und meinem Kommentar) wurde auf unserer Vulnerability-Website bereitgestellt. Ich bin gespannt, wie sich Ihr Beitrag, falls überhaupt, verändern wird.

    toodles :)

    • Vielen Dank für Ihre Zeit, unseren Beitrag zu analysieren.

      1. Wir haben im Artikel erwähnt, dass die erste Option nur für registrierte Benutzer funktioniert.
      2. Unsere zweite Option verwendet Kiwiirc, das eigentlich eine Web-App ist. Wir glauben nicht, dass dies eine WordPress-Site anfällig macht.

      Admin

Kommentar hinterlassen

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.