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
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.
