Discord Server Badge & Widget Generator
Show off your Discord community on your personal website, portfolio, or GitHub README. Generate live member count SVG badges and official Discord iframe widgets with 1-click join links.
Enter Custom Server IDAny Discord Guild
Have your own Discord server? Type or paste your 17–20 digit Server ID to generate instant iframe embed code:
Or Pick From 31,900+ CommunitiesVerified Index
M i d j o u r n e y
&color=5865F2&logo=discord&logoColor=white)
[&color=5865F2&logo=discord&logoColor=white)](https://joindiscordserver.com/servers/midjourney-662267976984297473)
<a href="https://joindiscordserver.com/servers/midjourney-662267976984297473" target="_blank" rel="noopener noreferrer"> <img src="https://img.shields.io/static/v1?label=Discord&message=M%20i%20d%20j%20o%20u%20r%20n%20e%20%20(18%2C233%2C650%20members)&color=5865F2&logo=discord&logoColor=white" alt="M i d j o u r n e y Discord Server" /> </a>
<iframe src="https://discord.com/widget?id=102830283028302830&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
What Is a Discord Server Widget & Live Member Badge?
A Discord server widget is an embeddable component that displays your community's real-time statistics, online member count, active voice channels, and a 1-click invite button on external websites.
When potential members visit your gaming blog, open source GitHub project, or portfolio, seeing an active community builds immediate trust. People are much more likely to join when they know active members are online right now.
Our tool gives you two distinct embedding options: official Discord iframes for interactive website widgets, and lightweight SVG shield badges for GitHub documentation.
Comparing Embed Options: Official iframe vs Lightweight SVG Badges
Depending on where you plan to place your Discord widget, choosing the right format ensures fast loading times and great user experience:
Official Discord iframe Widget
InteractiveRenders a full Discord client window showing live voice channels, active online avatars, and direct join buttons.
- Best for dedicated community landing pages and blogs.
- Requires enabling "Enable Server Widget" in Discord settings.
- Fully supports Dark and Light themes.
Lightweight SVG Shield Badge
Fast & StaticRenders an ultra-fast SVG button showing the Discord logo, server name, and total member count.
- Ideal for GitHub repository README.md files.
- Zero JavaScript required; loads in less than 50 milliseconds.
- Links directly to your community on JoinDiscordServer.com.
How to Enable Discord Server Widget in 4 Easy Steps
Before the official Discord iframe widget will display on your website, you must turn on the widget toggle inside your Discord desktop or mobile app:
Server Settings
Click your server name at the top left of Discord and select Server Settings from the dropdown menu.
Open Widget Tab
Scroll down the left sidebar menu and click on the Widget tab under the Community section.
Enable Toggle
Turn on the toggle labeled "Enable Server Widget" so it turns bright green.
Set Invite Channel
Select an invite channel (like #welcome or #general) so guests can click "Join Server" directly.
Troubleshooting Common Discord Widget Errors
If your widget does not display or shows an error message, check these four common issues:
Glitch 1: "Widget Disabled" or Blank Black Box
If the iframe shows an empty box or says widget disabled, the "Enable Server Widget" setting is switched off in Discord. Follow the 4 steps above to turn it on.
Glitch 2: Missing "Join Server" Button in Widget
If the widget displays member avatars but has no Join button at the bottom, you have not assigned an Instant Invite Channel in Discord Server Settings > Widget. Select a public text channel to fix it.
Glitch 3: GitHub README Image Caching
GitHub routes all images through a proxy cache (camo). If your member badge count does not refresh immediately after gaining new members, GitHub's cache will automatically update within a few hours.
Glitch 4: Slower Page Loading on Mobile Websites
If your website visitors are mostly on mobile devices, iframes can take a second to render. We recommend using our lightweight SVG badge instead of a full iframe on mobile-heavy blogs.
Frequently Asked Questions About Discord Widgets & Badges
How do I enable the Discord server widget in settings?
Open your Discord server, click the server dropdown name, and select Server Settings. Click on Widget in the left sidebar, toggle "Enable Server Widget" to ON, select an Instant Invite Channel, and save your changes.
Why is my Discord server widget showing "Widget Disabled" or broken?
This error occurs when the "Enable Server Widget" toggle is turned off in Discord Server Settings, or if no invite channel has been selected. Make sure the toggle is green and an active invite channel is specified.
How do I embed a Discord badge in a GitHub README?
Copy the generated Markdown badge snippet from our tool and paste it near the top of your repository README.md file. It loads a lightweight SVG that links directly to your community.
What is the difference between the Discord iframe widget and SVG badges?
The official Discord iframe shows live voice channels and member avatars inside an interactive window, but it requires more page resources. SVG badges load instantly in milliseconds and are ideal for GitHub documentation and mobile websites.
Where can I find my Discord Server ID for widgets?
Enable Developer Mode in Discord User Settings > Advanced. Then right-click your server icon in the left server list and click "Copy Server ID".
Does the Discord widget show offline members?
No. The official Discord widget and API only show online, idle, and Do Not Disturb members to keep data privacy protected.
Top 100 Discord Communities Leaderboard
Explore the most boosted communities and largest Discord servers ranked by member engagement.
Discord Timestamp Generator
Generate dynamic relative timestamps (<t:timestamp:R>) for server announcements and events.
Want more members for your Discord server?
List your community on our main directory to connect with over 50,000+ monthly gamers, developers, and creators.
