So erstellen Sie Chaträume in WordPress für Ihre Benutzer (2 Methoden)

Der Aufbau einer florierenden Online-Community kann Ihre Website transformieren, aber die meisten Chat-Lösungen schaffen mehr Probleme als sie lösen. Viele Website-Besitzer lernen dies auf die harte Tour, wenn sie zum ersten Mal mit Chatrooms experimentieren – jede Option scheint teure monatliche Zahlungen zu erfordern oder zwingt Sie, Besucher auf externe Plattformen zu senden.

Genau deshalb haben wir die beliebtesten Optionen getestet und Chatraum-Lösungen gefunden, die für Besitzer von WordPress-Websites tatsächlich funktionieren.

Hier erfahren Sie, wie Sie Ihrer WordPress-Website einen ansprechenden, selbst gehosteten Chatroom hinzufügen, ohne teure monatliche Abonnements, die Nutzung von Drittanbieterdiensten oder das Senden Ihrer Benutzer an externe Chat-Clients wie Slack oder Discord.

Warum einen Chatroom in WordPress hinzufügen?

Wenn Sie eine Mitglieder-Website oder ein Online-Forum betreiben, möchten Sie vielleicht einen Sofortnachrichten-Chatraum für Ihre Benutzer erstellen.

Manche Website-Betreiber entscheiden sich für die Nutzung eines Drittanbieterdienstes wie Slack, WhatsApp, Facebook-Gruppen oder Discord. Diese Methoden lenken jedoch die Besucher von Ihrer Website ab, was schlecht für Ihre Seitenaufrufe und Absprungrate ist. Außerdem haben Sie keine vollständige Kontrolle über das Chat-Erlebnis.

Indem Sie einen Chatroom auf Ihrer Website einbetten, können Sie die Leute länger binden und ein stärkeres Gemeinschaftsgefühl aufbauen. Noch besser, indem Sie einen selbst gehosteten Chatroom erstellen, können Sie oft kostspielige laufende Abonnementgebühren vermeiden.

Nichtsdestotrotz wollen wir uns ansehen, wie Sie Ihrem WordPress-Blog oder Ihrer Website einen Chatroom hinzufügen können. Verwenden Sie einfach die untenstehenden Schnelllinks, um direkt zu der Methode zu gelangen, die Sie verwenden möchten:

• Methode 1. Verwendung von Simple Ajax Chat (kostenloses WordPress-Plugin)
• Methode 2. BuddyBoss verwenden (am besten für den Aufbau von Online-Communities)
• Bonus-Anleitungen

Methode 1. Verwendung von Simple Ajax Chat (kostenloses WordPress-Plugin)

Möchten Sie Ihrer Website einen einfachen Chatraum hinzufügen, ohne ein Premium-WordPress-Plugin oder ein laufendes Abonnement finanzieren zu müssen? Simple Ajax Chat ermöglicht es Ihnen, einen einfachen, selbst gehosteten Chatraum zu jeder Seite, jedem Beitrag oder jedem Widget-Bereich hinzuzufügen, ohne einen Cent bezahlen zu müssen.

Es ermöglicht Ihnen auch, den Zugriff auf angemeldete Benutzer zu beschränken oder sogar einen Chatraum zu erstellen, der vollständig öffentlich zugänglich ist. Weitere Details finden Sie in unserem Testbericht zu Simple Ajax Chat.

Schritt 1. Richten Sie Simple Ajax Chat ein

Zuerst müssen Sie das Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unseren Leitfaden zur Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zu Einstellungen » Simple Ajax Chat, um Ihren Chatraum einzurichten.

Klicken Sie zunächst, um den Abschnitt „Plugin-Einstellungen“ zu erweitern, und ändern Sie dann den „Standardnamen“ in etwas, das Ihnen gefällt.

Sie können auch eine 'Standardnachricht' eingeben, die beim ersten Besuch Ihres Chatraums angezeigt wird.

Als Nächstes können Sie entscheiden, ob Benutzer angemeldet sein müssen, um den Chatraum zu nutzen. Die Anforderung einer Benutzerregistrierung kann Ihnen helfen, Spam und Trolle zu bekämpfen, aber ein öffentlicher Chatraum kann mehr Benutzer anziehen.

Um diese Entscheidung zu treffen, aktivieren oder deaktivieren Sie das Kontrollkästchen neben „Benutzer müssen angemeldet sein, um die Chatbox anzuzeigen und zu verwenden.“

Sie können auch das Kontrollkästchen neben 'Eingeloggter Benutzername' aktivieren, damit WordPress den Benutzernamen der Person im Chat anzeigt.

Eine weitere Option ist, nicht registrierten Besuchern zu erlauben, den Chat zu lesen, aber nicht zu interagieren.

Personen, denen gefällt, was sie sehen, könnten ein Konto erstellen, um sich an der Konversation zu beteiligen. Daher möchten Sie vielleicht das Kontrollkästchen neben 'Chat-Nachrichten als schreibgeschützt anzeigen' aktivieren.

Schritt 2. Passen Sie Ihren Chatraum an

Wenn das erledigt ist, können Sie den Chatroom anpassen. Sie können zum Beispiel Ihr eigenes Logo, benutzerdefinierte Farben und Branding hinzufügen. Dies ist ein großer Vorteil der Wahl einer selbst gehosteten Lösung wie Simple Ajax Chat im Vergleich zu einer separaten Plattform wie Discord.

Um diese Änderungen vorzunehmen, verwenden Sie einfach die Einstellungen in den Feldern 'Zeiten und Farben' und 'Erscheinungsbild'.

Sie können auch das Standard-Benachrichtigungssymbol durch Ihr eigenes Bild ersetzen. Sie könnten zum Beispiel Ihr Logo, ein Symbol oder ein beliebiges anderes Bild verwenden, das Sie mit Webdesign-Software wie Canva erstellt haben.

Um Ihre eigene Grafik hinzuzufügen, suchen Sie das Feld „Standard-Benachrichtigungssymbol“ und klicken Sie auf „Hochladen“.

Sie können nun entweder ein Bild aus der WordPress-Mediathek auswählen oder eine Datei von Ihrem Computer hochladen.

Wenn Sie Änderungen in diesem Abschnitt vornehmen, vergessen Sie nicht, auf „Einstellungen speichern“ zu klicken.

Schritt 3. Moderationsfunktionen hinzufügen

Danach können Sie auf den Abschnitt 'Gesperrte Phrasen' klicken, um ihn zu erweitern, und dann alle Wörter eingeben, die niemals in Ihrem Chat erscheinen sollten. Dies könnte der Name eines Konkurrenten, anstößige Wörter oder alles andere sein, was das Besuchererlebnis und Ihren Ruf beeinträchtigen könnte.

Da es sich um eine selbst gehostete Lösung handelt, haben Sie die vollständige Kontrolle über die Wörter, die Sie sehen möchten, und Wörter, die keinen Platz in Ihrer Community haben.

Trennen Sie jedes Wort einfach durch ein Komma.

Vergessen Sie nicht, auf „Einstellungen speichern“ zu klicken, um Ihre Änderungen zu speichern.

Es gibt noch viele weitere Einstellungen zu entdecken, daher lohnt es sich, sie durchzugehen und zu sehen, welche Änderungen Sie vornehmen können. Dies ist jedoch alles, was Sie benötigen, um einen einfachen Chatroom zu erstellen. Sehen wir uns also an, wie Sie ihn zu Ihrer WordPress-Website hinzufügen können.

Schritt 4. Zeigen Sie Ihren Chatraum in WordPress an

Mit Simple Ajax Chat können Sie genau steuern, wo Sie Ihre Chaträume anzeigen, sodass Sie sie zu jeder Seite, jedem Beitrag oder jedem Widget-fähigen Bereich hinzufügen können.

Wenn Sie mit der Einrichtung des Chatraums zufrieden sind, scrollen Sie nach unten zum Bereich „Shortcode & Template Tag“ und klicken Sie darauf, um ihn zu öffnen. Hier sehen Sie den Shortcode, den Sie verwenden können.

Um den Chatraum zu einer Seite hinzuzufügen, gehen Sie einfach im WordPress-Dashboard zu Seiten » Neu hinzufügen.

Sie können jetzt einen Titel eingeben, ein Beitragsbild hochladen, Kategorien und Tags hinzufügen, sowie alle anderen Inhalte, die Sie auf der Seite anzeigen möchten.

Sie könnten sogar noch einen Schritt weiter gehen und eine Umfrage zum Benutzererlebnis mit einem Plugin wie UserFeedback hinzufügen.

Dies hilft Ihnen, wertvolle Vorschläge und Ideen zu erhalten, wie Sie Ihren Chatraum verbessern können.

Diese Flexibilität ist ein weiterer Grund, warum wir immer die Verwendung eines Plugins wie Simple Ajax Chat empfehlen, im Vergleich zu starren Drittanbieter-Software.

Um Ihren Chatraum einzubetten, klicken Sie auf das „+“-Zeichen und geben Sie dann „Shortcode“ ein. Sie können nun den richtigen Block auswählen, wenn er erscheint.

Fügen Sie danach einfach den Shortcode [sac_happens] zum Shortcode-Block hinzu.

Sie können nun auf „Veröffentlichen“ oder „Aktualisieren“ klicken, um den Chatraum live zu schalten.

Eine weitere Option ist das Hinzufügen des Chatraums zu einem widget-bereiten Bereich. Dies ist eine einfache Möglichkeit, das Chatfenster auf mehreren Seiten anzuzeigen.

Wenn Sie eines der neueren blockbasierten Themes verwenden, können Sie den Chatraum sogar zu Bereichen Ihrer Website hinzufügen, die Sie mit dem Standard-WordPress-Content-Editor nicht bearbeiten können.

Schritt-für-Schritt-Anleitungen finden Sie in unserem Leitfaden zum Thema Hinzufügen und Verwenden von Widgets.

Unabhängig davon, wie Sie den Chatraum zu WordPress hinzufügen, ist es wichtig zu überprüfen, ob er auf allen Geräten gut aussieht und korrekt funktioniert, indem Sie die mobile Version Ihrer Website testen.

Weitere Informationen zu diesem Thema finden Sie in unseren Experten-Tipps zur Erstellung einer mobilfreundlichen Website.

Methode 2. BuddyBoss verwenden (am besten für den Aufbau von Online-Communities)

Möchten Sie eine florierende Online-Community aufbauen, die die Leute immer wieder zurückkommen lässt? Chaträume sind ein guter Anfang, aber sie sind nur ein Teil des Aufbaus einer erfolgreichen digitalen Community.

Hier kommen leistungsstarke Funktionen wie Mitgliederprofile, durchsuchbare Verzeichnisse, Foren, soziale Gruppen und Aktivitätsfeeds ins Spiel.

Die gute Nachricht? Sie müssen keine Vielzahl von Plugins zusammenfügen, um diese Art von Erlebnis zu bieten. BuddyBoss bietet all diese Funktionen – und mehr. 

BuddyBoss ist die beste WordPress-Plattform für den Aufbau von Online-Communities auf dem Markt. Tatsächlich haben wir sogar eine vollständige BuddyBoss-Bewertung, die alle Gründe darlegt, warum es unser bevorzugtes Community-Plugin ist. 

In diesem Leitfaden zeigen wir Ihnen, wie Sie Ihrem Website mit BuddyBoss Live-Messaging hinzufügen.

 Weitere Informationen zur Verwendung der anderen sozialen Funktionen finden Sie in unserem Leitfaden zur Erstellung Ihrer eigenen privaten Community mit WordPress.

Schritt 1. Pusher-Konto erstellen

BuddyBoss kann Ihrer Website Live-Messaging über Pusher Channels hinzufügen, einem Dienst, der es Benutzern ermöglicht, in Echtzeit zu kommunizieren. 

Bevor wir mit BuddyBoss beginnen, müssen Sie ein Pusher-Konto erstellen. Glücklicherweise bietet Pusher einen kostenlosen Plan, mit dem Sie bis zu 200.000 Nachrichten pro Tag senden können, was für die meisten WordPress-Blogs und Websites ausreichend sein sollte. Wenn Sie jedoch ein Upgrade benötigen, können Sie 1 Million Nachrichten pro Tag für 49 US-Dollar pro Monat senden.

Um loszulegen, gehen Sie zur Pusher-Website und klicken Sie auf die Schaltfläche „Registrieren“.

Sie können dann den Anweisungen auf dem Bildschirm folgen, um Ihr kostenloses Konto zu erstellen. 

Sobald dies erledigt ist, werden Sie automatisch zum Pusher-Dashboard weitergeleitet. Klicken Sie auf diesem Bildschirm auf die Schaltfläche „Los geht’s“ unter „Channels“.

Sie können jetzt einen Namen für Ihre Pusher-App eingeben. Dieser repräsentiert die App in Ihrem Pusher-Dashboard, daher ist es eine gute Idee, etwas Beschreibendes zu verwenden.

Sie können auch einen Cluster auswählen, der den physischen Standort der Server darstellt, die Anfragen von Ihrer Pusher-App bearbeiten. Berücksichtigen Sie bei der Auswahl eines Standorts, dass die europäischen Datenschutzbestimmungen vorschreiben, dass personenbezogene Nutzerdaten die EU-Grenzen nicht verlassen dürfen. 

Es ist auch sinnvoll, einen Standort zu wählen, der geografisch nahe bei Ihren Benutzern oder Ihren eigenen Servern liegt. Dies reduziert die Verzögerung, die beim Senden und Empfangen von Nachrichten auftreten kann. 

Um einen Standort auszuwählen, öffnen Sie das Dropdown-Menü „Cluster auswählen“ und wählen Sie eine Option aus der Liste. 

Klicken Sie nach Abschluss auf 'App erstellen'.

Um die Konfiguration der App abzuschließen, wählen Sie im linken Menü 'App-Einstellungen'. Scrollen Sie dann zum Abschnitt 'Client-Ereignisse aktivieren' und klicken Sie, um den Schalter zu aktivieren.

Scrollen Sie als Nächstes zum Abschnitt „Autorisierte Verbindungen aktivieren“.

Klicken Sie erneut, um diesen Schalter zu aktivieren.

Ihre App ist jetzt einsatzbereit. Klicken Sie im linken Menü auf 'App-Schlüssel'. Dies enthält alle Informationen, die Sie Ihrem BuddyBoss-Plugin hinzufügen müssen.

Behalten Sie diesen Bildschirm während der nächsten Schritte in einem separaten Tab geöffnet.

Schritt 2. Installieren Sie die BuddyBoss-Plugins und das Theme

Um Live-Nachrichten einzurichten, benötigen Sie das Kern-Plugin BuddyBoss, BuddyBoss Platform Pro und das BuddyBoss-Theme. Gehen Sie dazu auf die BuddyBoss-Website und melden Sie sich entweder für das Web-Paket oder ein Bundle an.

Nach Abschluss Ihres Kaufs müssen Sie die Plugins BuddyBoss und BuddyBoss Platform Pro auf Ihrer Website installieren. Weitere Details finden Sie in unserem Tutorial zur Installation eines WordPress-Plugins.

Geben Sie bei Aufforderung Ihren Produktschlüssel ein. Diese Informationen finden Sie in Ihrem Konto auf der BuddyBoss-Website.

Als Nächstes müssen Sie das BuddyBoss-Theme installieren, das in allen Web- und Bundle-Paketen enthalten ist. 

Detaillierte Schritt-für-Schritt-Anleitungen finden Sie in unserem Leitfaden zur Installation eines WordPress-Themes. 

Schritt 3. Private Nachrichten aktivieren 

BuddyBoss hat eine Menge Funktionen, daher trennt das Plugin diese Funktionen zur Vereinfachung in verschiedene Komponenten. Sie können diese Komponenten je nach Bedarf aktivieren oder deaktivieren.

Gehen Sie dazu zur Seite BuddyBoss » Komponenten. 

Hier sehen Sie alle verschiedenen Komponenten, die Sie verwenden können.

Da wir Live-Messaging zu WordPress hinzufügen möchten, suchen Sie die Komponente 'Private Nachrichten' und klicken Sie auf den Link 'Aktivieren'.

Schritt 4. Integration mit Pusher Channel

Nun sind Sie bereit, Ihre WordPress-Website und Ihr Pusher-Konto zu verknüpfen, indem Sie zu BuddyBoss » Integrationen navigieren. Klicken Sie hier auf den Link „Pusher“. 

Sie sehen nun einen Bereich, in dem Sie Ihre Pusher-ID und Schlüssel eingeben können. 

Kopieren Sie einfach jedes Informationselement von Ihrem Pusher-Tab und fügen Sie es in das entsprechende Feld in Ihrem WordPress-Dashboard ein.

Möglicherweise müssen Sie auch das Feld „Pusher-Cluster“ ändern, damit es mit dem in Ihrem Pusher-Konto ausgewählten Cluster übereinstimmt. 

Sobald das erledigt ist, klicken Sie in Ihrem WordPress-Dashboard auf 'Einstellungen speichern'. Wenn alles gut funktioniert, sehen Sie oben auf dem Bildschirm die grüne Meldung 'Verbunden'.

Sie sehen auch ein neues Feld „Live-Nachrichten“.

Aktivieren Sie das Kontrollkästchen neben dieser Option.

Klicken Sie abschließend auf „Einstellungen speichern“, um Ihre Änderungen zu speichern. 

Schritt 5. Testen Sie Ihren Live-Chat 

Es ist eine gute Idee, die neue Chat-Funktion zu testen, um sicherzustellen, dass alles einwandfrei funktioniert. Dazu müssen Sie sich in zwei verschiedenen Mitgliedskonten im Inkognito-Modus Ihres Browsers anmelden.

Gehen Sie dann zur Seite „Mitglieder“, die BuddyBoss automatisch erstellt. Wenn Sie nicht sicher sind, wo Sie diese Seite finden, erstellt BuddyBoss sie normalerweise unter Ihre-Website-URL/mitglieder.

Suchen Sie auf dieser Seite das andere Mitgliedskonto, das Sie in Ihrem Test verwenden, und klicken Sie auf die Schaltfläche „Nachricht senden“.  

Sie sollten ein grünes Symbol sehen, das anzeigt, dass diese Person online ist.

Geben Sie einfach eine Nachricht ein und klicken Sie dann auf „Senden“.

Wenn Sie nun zu Ihrem anderen Browserfenster wechseln, sollten Sie diese Nachricht sofort erhalten, ohne die Registerkarte aktualisieren zu müssen.

Bonus-Anleitungen

Jetzt, da Sie gelernt haben, wie Sie Chaträume auf Ihrer Website erstellen, möchten Sie vielleicht weitere Tipps zur Verbesserung Ihrer Online-Community und des Benutzererlebnisses erfahren:

• Wie man kohortenbasierte Online-Kurse anbietet — WordPress Gruppenlernen
• So erstellen Sie Ihre eigene private Community mit WordPress
• So verfolgen Sie die Benutzerinteraktion in WordPress mit Google Analytics
• Was ist Google Lighthouse? Wie kann es die UX Ihrer Website verbessern?
• So erhalten Sie Feedback zum Website-Design in WordPress (Schritt für Schritt)
• So führen Sie visuelle Regressionstests in WordPress ganz einfach durch

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Chaträume für Ihre WordPress-Benutzer erstellen. Sie können auch unsere Anleitungen zum Hinzufügen von Reaktionsschaltflächen zur Steigerung des Engagements und zum Durchführen eines UX-Audits Ihrer WordPress-Website sehen.

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.