Discord Widget & iFrame Generator - HTML Embed Code

Generate custom Discord server widget iFrame HTML code easily. Embed Discord server info, member counts, and invite widgets on your website.

⚙️
Settings
Dark
Light
✓ Code copied to clipboard!
Widget Ready
🔍 How to find Server ID?

Enable Developer Mode in Discord Settings > Advanced, then right-click your server and select 'Copy Server ID'.

Enable Widget

Make sure to enable the widget in your Discord Server Settings > Widget > Enable Server Widget.

👁️
Preview
discord.com/widget

Your Discord widget will appear here

Frequently Asked Questions

How do I use this Discord Widget Generator?

Enter your Discord Server ID, select the widget type, adjust the size and theme settings. The preview updates automatically. Copy the generated code to embed it on your website.

Where can I find my Discord Server ID?

Enable Developer Mode in Discord (Settings > Advanced > Developer Mode), then right-click on your server icon and select 'Copy Server ID'.

Why is my widget not showing?

Make sure the Server Widget is enabled in your Discord server settings. Go to Server Settings > Widget > Enable Server Widget and select which channels to display.

Can I customize the widget appearance?

Yes, you can choose between dark and light themes, and adjust the width and height of the widget to fit your website design.