Discord सर्वर विजेट: पूर्ण सेटअप + अनुकूलन गाइड (2026)

The Discord server widget is Discord's official way to surface a public preview of your server — member count, online users, and a quick-join button — on any external website. It's been built into Discord since 2017, but the documentation is thin and the default rendering is dated. This guide walks through every part of setting it up properly in 2026, with five widget formats to choose from.

If you just want a modern, themed embed for your site, jump to the free Discord members widget — no bot required, no OAuth, just a server invite code.

What is a Discord server widget?

The Discord server widget is a small embeddable component that displays:

• Server name and icon
• Total member count
• Currently online member count
• A "Join Server" button linking to your invite

It runs entirely on Discord's public Widget API — no bot installation, no OAuth, no Discord developer account. You enable it in Server Settings, and any website can embed it.

It's one of the simplest community-proof signals you can put on a landing page: "284 online, 12,400 members" reads as live, undeniable activity in a way that a static "Join our Discord" link never does.

Why embed a Discord server widget on your website

Live social proof

Member counts that update in real time are stronger trust signals than badges or testimonials. New visitors who see "284 online right now" understand instantly that the community is active.

Lower friction to join

A widget with a one-click join button has higher conversion than a text link buried in a footer. The visual member-count primes visitors to commit before they leave the page.

Brand reinforcement

The widget surfaces your server name, icon, and color scheme on every page it appears on. Repeated exposure across your blog + landing + docs sites compounds brand recognition.

Zero maintenance

Once embedded, the widget self-updates. Member growth automatically reflects in the displayed counts. No code changes, no rebuilds.

How to enable the Discord server widget (3 steps)

1. Open your server in Discord (you must be a server admin or have "Manage Server" permission).
2. Server Settings → Widget in the left sidebar.
3. Toggle "Enable Server Widget" ON. Discord auto-generates an invite code immediately below the toggle — copy this; it's what your widget will use.

That's the entire setup. The widget is now publicly queryable from https://discord.com/api/guilds/YOUR_SERVER_ID/widget.json and embeddable anywhere.

5 ways to embed the Discord server widget on your site

Once the widget is enabled, you have five embed format choices in 2026:

Option 1: Discord's native iframe embed

The original embed format Discord ships. Looks dated in 2026 (still uses 2017-era Discord UI styling) but works everywhere.

<iframe src="https://discord.com/widget?id=YOUR_SERVER_ID&theme=dark"
  width="350" height="500" allowtransparency="true"
  sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts">
</iframe>

Best for: Quick setup when aesthetics aren't critical. Worst for: Modern landing pages where the embed will visually clash with your brand.

Option 2: FeedPulse Discord members widget

A modern, themable, lightweight widget that consumes Discord's same Widget API and renders the result in your brand colors.

<script async src="https://feed-pulse.com/api/embed/discord_members?invite=YOUR_INVITE_CODE"></script>

Best for: Modern landing pages, indie SaaS, dev portfolios. Themable, no iframe, no Discord branding takeover. See /free-discord-members-widget for the customizer.

Option 3: Custom HTML + Widget API fetch (DIY)

Write your own renderer that polls https://discord.com/api/guilds/SERVER_ID/widget.json and displays the result however you want.

Best for: Teams with frontend resources who want full control. Worst for: Most people — you'll spend 4-6 hours on something a drop-in widget gives you in 60 seconds.

Option 4: Static SVG badge (shields.io-style)

If you just want a small "X members" pill in a sidebar or footer, shields.io serves Discord member-count badges via its API.

<img src="https://img.shields.io/discord/YOUR_SERVER_ID?label=members&style=for-the-badge" alt="Discord members">

Best for: README files, dev portfolios, project documentation pages.

Option 5: WordPress / Webflow / Shopify plugins

Most major site platforms have native Discord widget plugins. They wrap one of the four options above. Convenient but rarely as customizable as a direct drop-in.

Discord server widget customization options

The native Discord embed (Option 1) supports two query params: id (your server ID) and theme (light or dark). That's it. If you need more, use the FeedPulse or custom approaches.

The FeedPulse Discord widget supports:

• theme — obsidian, mint, sand, light, dark
• width — any pixel value
• show_online — toggle the "online now" pill
• language — 12 supported languages
• custom colors — full hex control over background, text, and accent

Common mistakes when embedding the Discord server widget

• Forgetting to enable the widget in server settings. Without this, every embed attempt returns empty data. Always verify the toggle is ON before testing.
• Using a private invite link. The widget needs the public invite code Discord generates when you enable the widget, not a private invite you create elsewhere.
• Embedding the iframe without the sandbox attribute. Without sandbox, your page's CSP may block the iframe entirely. The snippet above includes the required sandbox config.
• Hardcoding member counts as fallback. Some sites cache a static "5,000+ members" if the API is slow. Don't — the whole point of the widget is the live count.
• Not testing in incognito. Sometimes the widget works for you (because you're logged into Discord) but fails for logged-out visitors. Always test as an anonymous user before going live.

Frequently asked questions

Does the Discord server widget cost anything?

No — it's free and built into Discord. Enabling the widget doesn't require Discord Nitro, a paid plan, or any developer access. Just admin permissions on the server.

Do I need a Discord bot to use the server widget?

No. The widget is part of Discord's public Widget API and does not require any bot, OAuth flow, or developer application. Just enable the widget in Server Settings.

Can I embed the Discord widget on any website platform?

Yes — the widget works on any site that allows HTML embeds. WordPress, Shopify, Webflow, Ghost, Substack, Wix, Squarespace, and plain HTML sites all support it. The exact embed method varies by platform (iframe vs script tag vs plugin), but the underlying widget is universal.

Why does my Discord widget show 0 online members?

Two common causes: (1) the widget isn't actually enabled in Server Settings (toggle is off), or (2) you're using the wrong server ID. Verify both. The server ID is the long number in your invite URL, NOT your username.

How often does the Discord server widget update?

Discord's Widget API refreshes the member count roughly every 60 seconds. The "online now" count updates faster (~15 seconds). Cached widget renderers (like FeedPulse) refresh every 60 seconds to match Discord's cache and avoid rate-limit issues.

Can I customize the colors of the Discord native widget?

The native Discord iframe (discord.com/widget) supports only theme=light or theme=dark. For full color customization, use a drop-in like the FeedPulse Discord widget which exposes background, text, accent, and theme controls.

Does enabling the widget reveal my member list publicly?

By default, no — only counts are shown. Discord has a separate "Display server members on widget" toggle in Server Settings → Widget that controls whether actual usernames appear in the widget data. Most server admins keep that off and only show counts.

Try the modern Discord members widget

If you want a modern, themable Discord member widget on your site in the next 60 seconds, open feed-pulse.com/free-discord-members-widget, enter your invite code, pick a theme, and copy the snippet. No bot, no OAuth, no signup. For developer-focused sites, pair it with the GitHub stars badge and npm downloads badge for full open-source social proof.