Discord Embed Builder
Build Discord webhook embeds visually with live preview. Set title, description, color, fields, author, footer and export ready-to-send JSON. Free, no signup.
Loading tool...
How to Use Discord Embed Builder
- Fill in embed fields in the Editor tab (title, description, color, etc.)
- Add fields using the "Add Field" button — check Inline for two-column layout
- Switch to Preview tab to see a simulated Discord rendering
- Switch to JSON tab to see the full webhook payload
- Click "Copy JSON" and POST it to your webhook URL
About Discord Embed Builder
Discord embeds are rich message cards with titles, descriptions, colors, images, fields, and footers — far more visually impactful than plain text. Bots and webhooks use embed JSON to send these structured messages to any channel.
What this tool does: The Discord Embed Builder gives you a visual editor with three tabs — editor (form fields), preview (simulated Discord dark theme rendering), and JSON (the final payload). You fill in the details, see exactly how it looks in Discord, and copy the complete webhook-ready JSON.
Embed structure: - Title — bold header, optionally hyperlinked via URL - Description — main body text, supports Discord markdown - Color — left border color as hex, converted to Discord's decimal format automatically - Author — small text above the title with optional icon and link - Fields — up to 25 name/value pairs, optionally displayed inline (two columns) - Thumbnail — small image in the top-right corner - Image — large image below the description - Footer — small text at the bottom with optional icon - Timestamp — ISO 8601 timestamp appended next to the footer
How to use with a webhook: POST the generated JSON to your Discord webhook URL with Content-Type: application/json. Our Discord Webhook Sender tool can do this directly from the browser.
Common Use Cases
Frequently Asked Questions
How do I send this embed to Discord?
Copy the JSON from the JSON tab and POST it to your Discord webhook URL using our Discord Webhook Sender tool, curl, or any HTTP client. The Content-Type must be application/json.
What is the color field format?
Discord uses a decimal integer for embed colors. This tool lets you pick a hex color (#5865F2) and automatically converts it to the decimal integer Discord expects in the API payload.
How many fields can an embed have?
Discord embeds support up to 25 fields. Inline fields render side-by-side (up to 3 per row). Non-inline fields span the full embed width.
Does the preview match real Discord exactly?
The preview is a close approximation using Discord's dark theme colors. Minor rendering differences may exist for complex markdown, animated GIFs, or very long text. Always verify in Discord before finalizing.
Can I embed images from any URL?
Discord fetches images from the provided URL when rendering. Images must be publicly accessible (no auth required). Supported formats: PNG, JPG, GIF, WebP. Discord may cache images for performance.
Related Guides
Related Tools
Discord Webhook Sender
Send messages to Discord channels via webhook URL directly from your browser. Test webhooks, override bot name/avatar, enable TTS. Free, no signup required.
Discord Timestamp Generator
Generate Discord timestamp format codes instantly. Convert any date to <t:unix:format> tags that auto-display in every user's local timezone. Free, no signup.
JSON Formatter
Format, validate, and minify JSON data online for free. Features syntax highlighting, error detection, and one-click copy. No signup required.