How to Embed a Discord Widget Into WordPress (In 3 Steps)

Are you looking to embed a Discord widget in WordPress? This is a great idea if you run a membership site, forum, or other online community, as it provides an easy way for users to connect with each other. However, you might not know how to unlock this functionality on your site.

Luckily, embedding the Discord widget in WordPress is very easy.  Once you’ve set up a Discord account, all you have to do is configure the server settings and add a widget block to any WordPress page.

Why Embed Discord Widget in WordPress?

Discord is a communication app that enables users to share voice, video and text messages. Although it is used socially, it is also heavily trusted by gaming communities and developers.

You can use it to set up private channels and create custom member access. Plus, it’s a great way to share videos, collaborate with other users, and watch friend’s live-stream games.

With the growing popularity of Discord, you might absolutely want to embed a Discord widget on your WordPress site. While Slack is a platform that is more popular among professionals, Discord is more in tune with a casual audience that gathers for a purpose. ^[1],

Your Discord widget will provide an easy way for users to connect with each other. Additionally, the widget will clearly display the number of users on your Discord server. Also, you can send a link to invite new members to join your chat room.

Now that you know why you should embed a Discord widget on your site, let’s take a look at how to do it in WordPress in three steps.

Step 1: Set up a Discord account and create a server

To embed the Discord widget in WordPress, the first thing you need to do is create a Discord account. So go to Discord’s official website,

If you already have a Discord account, click on the login button in the upper right corner of the screen. otherwise, select open discord in your browser,

At this point, you can choose a username for your Discord account. This will become your handle for other users to find you.

Next, you will be asked to fill in your date of birth. You will then be asked to create your first Discord server. To do this, you can either use a pre-made template, which will have options for gaming, friends, artists, and more. or, click Make My Own,

Now, you are able to customize your Discord server. Here, you can give your server a name and upload a logo or icon. Then click on Create,

You will be notified when your server is ready. Then, follow the link that says Take me to my server!

Although you will get access to your server, keep in mind that your account has not been verified yet. So, you have to click on the claim account Link from the green banner at the top of the page:

Here, enter your email address and password.

A confirmation link will be sent to your email. Click the link in your inbox to verify your account. then, select Continue the Feud,

Now, you should be able to see your Discord server without claim now Banner.

Step 2: Enable the Server Widget and Copy Embed Link

Now that you have set up your server and verified your account, you are ready to embed the Discord widget in WordPress. To do this, navigate to the text channel Page. You will find it by clicking on the Servers tab at the bottom direct message,

On our screen, this tab is labeled 1s,

Now, at the top of the page, click on the arrow next to your server name. This will open a dropdown menu where you can select server settings Option:

Next, find Widget Tab in the sidebar on the left side of your screen. on top of the server widget section, toggle on enable server widget setting:

scroll down the prebuilt widgets section at the bottom of the page. To embed the Discord widget in WordPress, you need to copy the HTML code:

Now, you are able to embed the Discord widget on your site using the code.

Step 3: Embed a Discord Widget in WordPress

With your Discord HTML code ready, you are all set to embed a Discord widget in WordPress. All you have to do is open the WordPress post or page where you want to include the widget.

Then click on, an icon to add a new WordPress block. search custom HTML Block and add this to your Page:

Now, paste your Discord HTML embed code that you copied in the previous section:

click on save Or publish at the top of your page. then, select Preview To see how your Discord widget will appear to your visitors:

You can embed your Discord widget in any area of ​​your site that uses WordPress blocks. For example, if you use the Full Site Editor (FSE), you can add widgets to template parts such as your header, sidebar, or footer.

Conclusion

In short, here are the steps to embed the Discord widget in WordPress: