Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man Chaträume in WordPress für seine Benutzer erstellt

Träumen Sie davon, eine lebendige Website zu erstellen, auf der Besucher miteinander in Kontakt treten und chatten können? Vielleicht betreiben Sie eine Fan-Community, ein E-Learning-Portal, eine Selbsthilfegruppe, ein Spieleforum oder eine andere Art von gemeinschaftsorientierter Website.

Bei WPBeginner fragen uns die Besucher oft, wie sie mehr Engagement bekommen können, und ein Chatroom ist eine gute Option.

In einem Chatroom können Besucher miteinander interagieren oder sogar direkt mit Ihnen sprechen. Dies kann die Besucher länger auf Ihrer Website halten, ohne sie an einen externen Chat-Client wie Slack oder Discord weiterzuleiten.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihre Website auf die nächste Stufe heben und eine ansprechende, interaktive Community erstellen können. Hier erfahren Sie, wie Sie in WordPress einen Chatroom für Ihre Benutzer erstellen.

Adding chat rooms to a WordPress website

Warum einen Chatraum in WordPress hinzufügen?

Wenn Sie eine Mitgliedschafts-Website oder ein Online-Forum betreiben, möchten Sie vielleicht einen Instant-Messaging-Chatraum für Ihre Benutzer einrichten.

Sie könnten einen Dienst eines Drittanbieters wie Slack, WhatsApp, Facebook-Gruppen oder Discord verwenden. Das Problem bei diesen Methoden ist, dass die gesamte Kommunikation außerhalb Ihrer Website stattfindet, sodass Sie keine Kontrolle über das Chat-Erlebnis haben.

Dieser Ansatz ermutigt die Besucher, Ihre Website zu verlassen, was sich negativ auf Ihre Seitenaufrufe und die Absprungrate in WordPress auswirkt.

Wenn Sie einen Chatroom in Ihre Website einbinden, können Sie die Besucher länger auf Ihrer Website halten und ein stärkeres Gemeinschaftsgefühl aufbauen.

Hinweis: Chat-Räume eignen sich am besten für kleine Gruppen von Benutzern. Wenn Sie Live-Kundensupport anbieten möchten, sollten Sie sich unsere Liste der besten Live-Chat-Support-Software ansehen.

Schauen wir uns also an, wie man einen Chatroom zu seinem WordPress-Blog oder seiner Website hinzufügt.

Hinzufügen von Chaträumen in WordPress

Der einfachste Weg, Chaträume in WordPress hinzuzufügen, ist die Verwendung von Simple Ajax Chat. Mit diesem Plugin können Sie einen einfachen Chatraum zu jeder Seite, jedem Beitrag oder einem Widget-bereiten Bereich hinzufügen.

Außerdem können Sie den Zugang auf angemeldete Benutzer beschränken oder sogar einen Chat-Raum erstellen, der für die Öffentlichkeit zugänglich ist. Weitere Details finden Sie in unserer Bewertung von Simple Ajax Chat.

Chat room published on page

Hinweis: In dieser Anleitung verwenden wir das kostenlose Simple Ajax Chat-Plugin, da es alles enthält, was Sie für die Erstellung eines einzigen Chatraums benötigen. Wenn Sie jedoch mehrere verschiedene Chaträume erstellen möchten, müssen Sie auf das Plugin Planet Simple Ajax Chat upgraden.

Zunächst müssen Sie das Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zu Einstellungen “ Einfacher Ajax-Chat, um Ihren Chatraum einzurichten.

The Simple Ajax Chat plugin's settings

Erweitern Sie zunächst den Abschnitt „Plugin-Einstellungen“ und ändern Sie den „Standardnamen“ nach Belieben.

Sie können auch eine „Standardnachricht“ eingeben, die beim ersten Besuch Ihres Chat-Raums angezeigt wird.

Default chat room name

Als Nächstes können Sie entscheiden, ob die Benutzer angemeldet sein müssen, um den Chatraum zu nutzen. Das Erfordernis 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 Kästchen neben „Benutzer müssen angemeldet sein, um die Chatbox anzuzeigen und zu nutzen“.

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

How to create a members-only WordPress chat room

Eine weitere Möglichkeit besteht darin, 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 an der Konversation teilzunehmen. Daher sollten Sie das Kästchen neben „Chatnachrichten als schreibgeschützt anzeigen“ aktivieren.

Danach können Sie den Chatraum individuell anpassen. Zum Beispiel können Sie Ihr eigenes Logo, individuelle Farben und Branding hinzufügen.

Dazu können Sie die Einstellungen in den Feldern „Zeiten und Farben“ und „Erscheinungsbild“ verwenden.

How to customize the chat window in WordPress

Sie können das Standard-Benachrichtigungssymbol auch durch Ihr eigenes Bild ersetzen. Sie können z. B. Ihr Logo, ein Symbol oder ein anderes Bild verwenden, das Sie mit einer Web-Design-Software wie Canva erstellt haben.

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

Changing the default chat icon in WordPress

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

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

Danach können Sie auf den Abschnitt „Verbotene Ausdrücke“ klicken und dann Wörter eingeben, die in Ihrem Chat nicht vorkommen dürfen. Dabei kann es sich um den Namen eines Konkurrenten, beleidigende Wörter oder etwas anderes handeln, das dem Besuchererlebnis und Ihrem Ruf schaden könnte.

Trennen Sie einfach jedes Wort durch ein Komma.

Creating a ban list for your online WordPress chat room

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

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

Wie Sie Ihren Chatraum in WordPress anzeigen

Wenn Sie mit der Einrichtung des Chat-Raums 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 zu jeder Seite, jedem Beitrag oder jedem Widget-bereiten Bereich hinzufügen können.

Copy your chat room short code

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

Sie können nun einen Titel eingeben, ein Bild hochladen, Kategorien und Tags hinzufügen sowie alle anderen Inhalte, die auf der Seite angezeigt werden sollen.

How to add a chat room to a WordPress page

Vielleicht gehen Sie sogar noch einen Schritt weiter und fügen eine Befragung der Benutzer hinzu, damit Sie wertvolle Anregungen und Ideen zur Verbesserung Ihres Chatrooms erhalten.

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

Adding a chat room shortcode block to a WordPress blog or website

Danach fügen Sie einfach den Shortcode [sac_happens] in den Shortcode-Block ein.

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

Adding live chat to a website using shortcode

Eine weitere Möglichkeit ist das Hinzufügen des Chat-Raums zu einem Widget-bereiten Bereich. Dies ist eine einfache Möglichkeit, das Chat-Fenster auf mehreren Seiten anzuzeigen.

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

Eine schrittweise Anleitung finden Sie in unserem Leitfaden zum Hinzufügen und Verwenden von Widgets.

Adding a chat room to WordPress using the full site editor

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

Weitere Informationen zu diesem Thema finden Sie in unseren Expertentipps zum Erstellen einer mobilfreundlichen Website.

Testing your chat room on a mobile device

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu erfahren, wie Sie Chaträume für Ihre WordPress Benutzer erstellen können. Sehen Sie sich auch unsere Anleitungen zum Hinzufügen von Buttons an, um das Engagement zu steigern, und zur Durchführung eines UX-Audits Ihrer WordPress-Website an.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

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

Reader Interactions

21 KommentareEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Aks

    Hey, does everyone who wants to partake in the chat require a wordpress account?

    • WPBeginner Support

      The users do not need a WordPress account but you can require an account on your site if you wanted.

      Admin

    • WPBeginner Support

      Thank you :)

      Admin

  3. Maja

    It’s a pity that you can not embed room :( on any page, e.g. shordcode, widget etc.

    • WPBeginner Support

      We will be sure to look into alternatives with that option for future updates :)

      Admin

  4. Ahshan

    a how can i delete chatbox pragraph

  5. Tijjani Isah

    Really Appreciate It

  6. Ahmed Barwari

    I installed and activated the plugin but its not working.

    403 Forbidden
    The website’s configuration prevents you from accessing this page.

  7. Saminu Eedris

    This is great.

    I just got a job for an online bar, not really and online bar but there would be a platform where the visitors can interact with some of the brand ambassadors.

    I think I will try out this plugin to see how it works.

    Thanks,
    Saminu!

  8. asad ali

    Hi

    i have chat room site and i want to use wordpress chat room their is any plugin that i can use on my blog right now i am using someone else chat room scrpit but i want to add mine chat room please suggest if their is any good chat room thanks

  9. anand kjha

    how many users can use the facility of chat room at a time?

  10. Giorgios

    I used that plugin on my website – it works fine but is too simple. Mainly no file sharing feature so I switched to Chatwee. It suits me better.

  11. HappyMoon

    Hello. How do I create something like the top of your site, such as HOME »BLOG» WORDPRESS PLUGINS »HOW TO CREATE CHAT ROOMS …

  12. Khürt L. Williams

    I’m always looking for way to increase the use of our organization’s WordPress install. We have a bulletin board running on another system but I want to centralize systems. Perhaps bbpress with this plugin is the way forward.

    • Thomas

      Have to agree with this. Looked into both and the one you posted is way better! I’ve been looking for something JUST like this for my site at NE1UP.com so I really appreciate it!

      No worries, @WPBeginner, still love your site and it’s so beautiful. ;) Wouldn’t have figured this out if you hadn’t posted about WordPress chat in the first place!

      Thanks guys!

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.