Are you looking to embed a Discord widget in WordPress?
Discord is a well-known VOIP chat application that allows you to build your own communities and enables your users to communicate with each other through text, voice, and video. As of 2023, Discord has about 150 million active users.
In this article, we will show you how to easily embed a Discord widget into WordPress.
Why Add a Discord Widget to Your WordPress Site?
Discord chat allows users to communicate with each other over messages, voice calls, and video calls.
By embedding a Discord widget in your WordPress website, you can provide a way for your users to connect with each other. This widget will display the total members of your Discord server and will also provide an invite link for new members to join.
By allowing WordPress users to join the Discord chat room, you can build a huge community for your website and encourage visitors to stay longer on your site.
Additionally, you can also use the Discord widget to provide customer support by creating dedicated channels for support questions and providing live support to your users.
That being said, let’s see how you can add a Discord widget in WordPress.
How to Embed a Discord Widget in WordPress
To embed a Discord widget in WordPress, you must visit the official Discord website.
Here, you will have to create a Discord user account and a Discord server for your community.
Step 1: Creating a Discord Account and Server
Once you are on the Discord website, simply click the ‘Login’ button in the top right corner of the screen if you already have a Discord account.
However, if you don’t have an account, click the ‘Open Discord in your browser’ button.
You will be then asked to choose a username for your Discord account.
This will be your handle for others to find you, but you can change your display name on a server-by-server basis.
Next, Discord will take you to the ‘Channels’ page and then ask for your date of birth.
Simply enter your details and click the ‘Next’ button to continue.
Then, you’ll be asked to create your first Discord server. Now, you can either create your own template or choose any of the premade ones.
For this tutorial, we will be using the ‘Gaming’ server template.
After that, you’ll be asked to choose a ‘Server Name’ for your Discord chatroom. You can also upload an image for the server.
Once you’ve done that, simply click the ‘Create’ button to create your Discord server.
Lastly, you’ll be asked to provide your email address and choose a password for your Discord account.
Once you provide these details, click the ‘Claim Account’ button.
Now, a verification email will be sent to your email address by Discord.
Once you verify your account, your server will be set up.
Now, all you have to do is embed the Discord widget in WordPress.
To do this, you need to click the arrow icon next to your server name at the top of the Discord ‘Channels’ page.
This will open up a dropdown menu where you have to click the ‘Server Settings’ option.
This will direct you to the ‘Server Settings’ page. From here, click the ‘Widget’ tab from the sidebar.
This will open up the ‘Server Widget’ settings on the screen from where you have to toggle the ‘Enable Server Widget’ switch.
After that, scroll down to the ‘Premade Widget’ section and click the ‘Copy’ button under the ‘Premade Widget’ option.
You can now embed the Discord widget anywhere on your website by pasting this code.
Step 2: Embedding the Discord Widget in WordPress
First, go to the WordPress page or post where you want to embed the Discord widget.
Once you’re there, click the add block ‘+’ button in the top left corner of the screen to open the block menu.
From here, find and add the Custom HTML block to the page/post. Next, simply paste the HTML code for the widget into the block.
After that, click the ‘Publish’ or ‘Update’ button at the top to store your settings. The Discord widget will now be embedded in your WordPress blog or website.
This is how the Discord widget looked on our demo site.
Note that you can embed the Discord widget in any block-enabled area of your themes, such as a sidebar, header, or footer.
We hope this article helped you learn how to easily embed the Discord widget in WordPress. You may also want to check our top picks of the best VOIP themes in WordPress and our article on the best email marketing services for small businesses.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
WPBeginner Support says
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!
Admin