Discord Widget Setup

Get your widget running in 2 steps

1 Invite Bot to Your Server

Add the bot to your Discord server to enable the widget.

2 Configure Channels

Live Preview & Embed Code

Embed Code

Copy this code and paste it into your website: ( before /body tag at bottom)

<!-- Discord Widget --> <div id="discord-widget"></div> <script> window.DISCORD_WIDGET_CONFIG = { serverId: 'YOUR_SERVER_ID', channels: ["CHANNEL_ID"], channelNames: ["channel-name"], apiUrl: '${window.location.origin}', title: 'Discord Chat', popup: true, inviteUrl: 'https://discord.gg/your-invite' }; </script> <script src="${window.location.origin}/widget.js"></script>

Live Widget Preview