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 das Discord-Widget in WordPress einbindet

Discord ist eine bekannte VOIP-Chat-Anwendung, mit der Sie Ihre eigenen Communities aufbauen können und die es Nutzern ermöglicht, über Text, Sprache und Video miteinander zu kommunizieren. Im Jahr 2024 hat Discord etwa 227 Millionen aktive Nutzer.

Durch die Verbindung Ihrer WordPress-Website mit Ihrer Discord-Community können Sie die Interaktion zwischen den Nutzern verbessern und das Engagement steigern, indem Sie einen nahtlosen Kommunikationskanal bereitstellen.

Wenn Sie ein Discord-Widget in Ihre Website einbetten, können Besucher Ihrem Discord-Server direkt beitreten und mit ihm interagieren, egal ob Sie eine Community für Spiele, Unterricht oder kreative Zusammenarbeit aufbauen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach ein Discord-Widget in WordPress einbetten können.

How to Embed Discord Widget into WordPress

Warum ein Discord-Widget zu Ihrer WordPress-Website hinzufügen?

Der Discord-Chat ermöglicht es den Nutzern, über Nachrichten, Sprach- und Videoanrufe miteinander zu kommunizieren.

Indem Sie ein Discord-Widget in Ihre WordPress-Website einbetten, können Sie Ihren Nutzern eine Möglichkeit bieten, sich zu verbinden. Dieses Widget zeigt die Gesamtzahl der Mitglieder Ihres Discord-Servers an und bietet außerdem einen Einladungslink für neue Mitglieder.

Indem Sie WordPress-Benutzern erlauben, dem Discord-Chatraum beizutreten, können Sie eine große Community für Ihre Website aufbauen und die Besucher dazu bringen, länger auf Ihrer Website zu bleiben.

Außerdem können Sie das Discord-Widget für den Kundensupport nutzen, indem Sie spezielle Kanäle für Support-Fragen erstellen und Ihren Nutzern Live-Support bieten.

Sehen wir uns also an, wie Sie ein Discord-Widget in WordPress einfügen können.

Wie man ein Discord-Widget in WordPress einbettet

Um ein Discord-Widget in WordPress einzubinden, müssen Sie die offizielle Discord-Website besuchen.

Hier müssen Sie ein Discord-Benutzerkonto und einen Discord-Server für Ihre Community erstellen.

Schritt 1: Erstellen eines Discord-Kontos und Servers

Sobald Sie auf der Discord-Website sind, klicken Sie einfach auf die Schaltfläche „Anmelden“ in der oberen rechten Ecke des Bildschirms, wenn Sie bereits ein Discord-Konto haben.

Wenn Sie jedoch kein Konto haben, klicken Sie auf die Schaltfläche „Discord in Ihrem Browser öffnen“.

Login to your Discord account or create a new account

Sie werden dann aufgefordert, einen Benutzernamen für Ihr Discord-Konto zu wählen.

Dies ist Ihr Handle, unter dem Sie von anderen gefunden werden können, aber Sie können Ihren Anzeigenamen von Server zu Server ändern.

Choose a username for your discord account

Als Nächstes wird Discord Sie auf die Seite „Channels“ führen und Sie nach Ihrem Geburtsdatum fragen.

Geben Sie einfach Ihre Daten ein und klicken Sie auf die Schaltfläche „Weiter“, um fortzufahren.

Type your date of birth and click Next button

Danach werden Sie aufgefordert, Ihren ersten Discord-Server zu erstellen. Jetzt können Sie entweder Ihre eigene Vorlage erstellen oder eine der vorgefertigten Vorlagen auswählen.

In diesem Tutorial verwenden wir die Servervorlage „Gaming“.

Create a discord server

Als Nächstes werden Sie aufgefordert, einen „Servernamen“ für Ihren Chatraum zu wählen. Sie können auch ein Bild für den Server hochladen.

Wenn Sie das getan haben, klicken Sie einfach auf die Schaltfläche „Erstellen“, um Ihren Discord-Server zu erstellen.

Type a name for your discord server

Zum Schluss werden Sie aufgefordert, Ihre E-Mail-Adresse anzugeben und ein Passwort für Ihr Discord-Konto zu wählen.

Sobald Sie diese Angaben gemacht haben, klicken Sie auf die Schaltfläche „Konto beantragen“.

Provide your email and password

Discord sendet nun eine Bestätigungs-E-Mail an Ihre E-Mail-Adresse.

Sobald Sie Ihr Konto verifiziert haben, wird Ihr Server eingerichtet.

Email for verification

Jetzt müssen Sie nur noch das Discord-Widget in WordPress einbetten.

Klicken Sie dazu auf das Pfeilsymbol neben Ihrem Servernamen oben auf der Discord-Seite „Channels“.

Daraufhin öffnet sich ein Dropdown-Menü, in dem Sie auf die Option „Servereinstellungen“ klicken müssen.

Click server settings option

Sie werden nun auf die Seite „Servereinstellungen“ weitergeleitet. Klicken Sie hier auf die Registerkarte „Widget“ in der Seitenleiste.

Dadurch werden die Einstellungen für das „Server-Widget“ auf dem Bildschirm geöffnet, wo Sie den Schalter „Server-Widget aktivieren“ umlegen müssen.

Toggle the enable server widget switch

Blättern Sie anschließend zum Abschnitt „Vorgefertigte Widgets“ und klicken Sie unter der Option „Vorgefertigte Widgets“ auf die Schaltfläche „Kopieren“.

Sie können das Discord-Widget jetzt überall auf Ihrer Website einbetten, indem Sie diesen Code einfügen.

Copy premade widget shortcode

Schritt 2: Einbetten des Discord-Widgets in WordPress

Gehen Sie zunächst zu der WordPress-Seite oder dem Beitrag, in den Sie das Discord-Widget einbetten möchten.

Klicken Sie dann auf die Schaltfläche „+“ in der oberen linken Ecke des Bildschirms, um das Blockmenü zu öffnen.

Von hier aus suchen Sie den benutzerdefinierten HTML-Block und fügen ihn der Seite/dem Beitrag hinzu. Fügen Sie dann einfach den HTML-Code für das Widget in den Block ein.

Paste the discord widget shortcode into the HTML block

Klicken Sie anschließend oben auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Einstellungen zu speichern. Das Discord-Widget wird nun in Ihren WordPress-Blog oder Ihre Website eingebettet.

So sieht das Discord-Widget auf unserer Demo-Website aus.

Discord widget on your website

Beachten Sie, dass Sie das Discord-Widget in jeden Block-fähigen Bereich Ihres Themes einbetten können, z. B. in eine Seitenleiste, Kopfzeile oder Fußzeile.

Bonus: Chaträume in WordPress erstellen

Wenn Sie Discord nicht verwenden möchten, können Sie Chaträume direkt in Ihrem WordPress-Blog erstellen. Auf diese Weise wird auf Ihrer Website eine Aufforderung zum Sofortnachrichtenaustausch angezeigt, in der die Nutzer ihre Meinungen zu Ihren Beiträgen hinterlassen oder mit anderen Besuchern diskutieren können.

Mit Simple Ajax Chat können Sie ganz einfach einen Chatroom erstellen. Mit diesem kostenlosen Plugin können Sie überall auf Ihrer WordPress Website Chaträume einrichten. Sie können für die Öffentlichkeit zugänglich oder auf angemeldete Benutzer beschränkt sein. Weitere Informationen finden Sie in unserer Simply Ajax Chat-Bewertung.

Zunächst müssen Sie das Simple Ajax Chat Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress Plugins.

Nach der Aktivierung besuchen Sie die Seite Einstellungen “ Einfacher Ajax-Chat, wo Sie einen Namen und eine Standardnachricht für den Chatraum hinzufügen können. Sie können auch entscheiden, ob Sie unregistrierten Nutzern die Teilnahme erlauben wollen, Ihr eigenes Logo hinzufügen, Markenfarben konfigurieren und vieles mehr.

Add a name and message for chat room

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Einstellungen speichern“, um Ihre Einstellungen zu speichern. Scrollen Sie anschließend zum Abschnitt „Shortcode & Template Tag“ und erweitern Sie die Registerkarte.

Von hier aus können Sie den Shortcode kopieren und an einer beliebigen Stelle auf Ihrer Website einfügen, an der Sie einen Chatroom einrichten möchten.

Copy shortcode for the chat room

Weitere Informationen finden Sie in unserer Anleitung, wie Sie einen Chatroom in WordPress für Ihre Benutzer erstellen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie das Discord-Widget in WordPress einbinden können. Vielleicht möchten Sie auch unsere Anleitung zum Hinzufügen einer interaktiven Karte in WordPress und unseren Artikel zum Einbetten von TikTok-Videos auf Ihrer Website lesen.

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

Kommentare

  1. Herzlichen Glückwunsch, du hast die Möglichkeit, der erste Kommentator dieses Artikels zu sein.
    Hast du eine Frage oder Anregung? Bitte hinterlasse einen Kommentar, um die Diskussion zu starten.

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.