Articles on: Widgets and integrations

How to add a Discord widget

This simple guide will show you how to add a Discord widget to your website.

Step 1/5

In Discord, go to Server Settings:

Step 2/5

Select the Widget tab and copy the Premade Widget code:

Make sure to Enable Server Widget

Step 3/5

In Unicorn Platform, create a Custom HTML component:

Step 4/5

Paste the widget code inside:

Step 5/5

To center the widget horizontally, wrap the code with these HTML tags:

<div style="text-align: center">

<!-- Widget code here -->


The full code should look like this:


Save changes and open the live version of the page to see the results 💪

Updated on: 07/04/2022

Was this article helpful?

Share your feedback


Thank you!