How to add a Discord widget
This simple guide will show you how to add a Discord widget to your website.
In Discord, go to Server Settings:
Select the Widget tab and copy the Premade Widget code:
Make sure to Enable Server Widget
In Unicorn Platform, create a Custom HTML component:
Paste the widget code inside:
To center the widget horizontally, wrap the code with these HTML tags:
The full code should look like this:
Save changes and open the live version of the page to see the results 💪
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 -->
</div>The full code should look like this:
Done!
Save changes and open the live version of the page to see the results 💪
Updated on: 07/04/2022
Thank you!