Discord Embed builder

01Text

Title Description Extra text (optional, shows under the divider) Side thumbnail image URL (optional) Divider before the buttons

02Images

No images yetAdd up to 4 and choose where each one sits.

Each needs a direct image link ending in .png .jpg .jpeg .gif .webp or .avif.

03Buttons and emojis

No buttons yetAdd up to 5 link buttons, each with an optional emoji.

Each emoji needs a name and an ID. To get them, type ``` in the Discord chat box, then pick your emoji. When you click it, it shows up as ```<:name:id>. Paste that whole thing as it is, or just the <:name:id> part, into the emoji name box and it splits into name and ID for you. Leave the label empty for an emoji-only button.

04Colors and fallback tags

Accent

Theme

Fallback image (og:image, for clients without component embeds) Redirect visitors to the first button's link

05Live preview

Discord limits the embed payload to 3000 bytes. The preview approximates the look and is not Discord's exact rendering.

06Your HTML

Upload this as index.html to any static host, then post the page URL in Discord. Add ?v=1, ?v=2 and so on while testing to get past Discord's cache.