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:



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 💪
Was this article helpful?
Cancel
Thank you!