DWEEB
📢 Community Works with any webhook

Discord Announcement Template

Make important news impossible to miss. This borderless announcement leads with a banner image, sums up what's new in a few highlights, and gives readers buttons to read the full post or jump into the discussion — built to stand out in a busy channel.

Preview
AnnouncementsAPP

📢 Announcement

A quick heads-up for everyone — here's what's new and what it means for you.

We just rolled out a big update — faster, cleaner, and packed with the features you asked for. Skim the highlights, then dive in:

  • 🚀 Noticeably faster across the board
  • 🎨 A fresh new look
  • 🛠️ Dozens of fixes and tweaks

Read the full post Join the discussion

Posted by the team • Thanks for being part of the community 💜

Copy and paste the Discord Announcement text

This is the template's text as Discord markdown. Paste it into any channel and the headings, bold text, lists and subtext format exactly as they do in the preview; the card, buttons and menus come with the full template when you open it in DWEEB. The Discord text formatting guide explains every piece of syntax it uses.

# 📢 Announcement
**A quick heads-up for everyone** — here's what's new and what it means for you.

We just rolled out a big update — faster, cleaner, and packed with the features you asked for. Skim the highlights, then dive in:
- 🚀 Noticeably faster across the board
- 🎨 A fresh new look
- 🛠️ Dozens of fixes and tweaks

-# Posted by the team • Thanks for being part of the community 💜

When to use it

  • Announcing updates, launches or events
  • Posting a broadcast that needs to stand out
  • Sharing news with a clear call-to-action link

What's inside

Built with Discord's Components V2 layout system:

  • Formatted text
  • Media gallery
  • Separator
  • Buttons

Tips

  • Every piece of text, colour, emoji and link is editable — open it in DWEEB and make it yours.
  • It posts through any Discord webhook. No bot or application-owned webhook is required for this static message.
  • Use the measured, high-fidelity preview to check the layout before you send.

How to use this template

  1. Open it in DWEEB. Click “Use this template free” to load the template into the visual editor — no sign-up, no install.
  2. Make it yours. Edit the text, colours, emoji, links and images to match your server. The live preview updates as you type.
  3. Paste your webhook URL. In Discord, go to Server Settings → Integrations → Webhooks, copy a webhook URL, and paste it into DWEEB. See the full webhook workflow.
  4. Send it. Review the live preview, then hit Send. You can also save it, share it as a link, schedule it, or export the message JSON.

Template JSON and compatibility

This example contains 6 top-level blocks and 8 components including nested blocks. Its text fields use 437 characters of the editor's message budget. The JSON below is exported from the same template that opens in DWEEB.

Import it through DWEEB's JSON panel, or adapt it for your own application. This is a Components V2 payload with flags: 32768, not a legacy embeds array. When executing a webhook yourself, include with_components=true in the request URL. See the Components V2 JSON reference for delivery requirements.

The layout can be sent through an ordinary incoming webhook. Link buttons open their URLs; they do not run a bot action.

Replace example text, images, links and any server placeholders before posting. Discord does not expand DWEEB placeholders when you send raw JSON from your own code. Review allowed mentions before sending text that names users or roles.

Download Discord Announcement JSON

View the complete template JSON
{
  "username": "Announcements",
  "components": [
    {
      "type": 10,
      "content": "# 📢 Announcement\n**A quick heads-up for everyone** — here's what's new and what it means for you."
    },
    {
      "type": 12,
      "items": [
        {
          "media": {
            "url": "https://dweeb.faizo.net/media/defaults/dweeb-announcement-banner.jpg"
          },
          "description": "Announcement banner"
        }
      ]
    },
    {
      "type": 10,
      "content": "We just rolled out a big update — faster, cleaner, and packed with the features you asked for. Skim the highlights, then dive in:\n- 🚀 Noticeably faster across the board\n- 🎨 A fresh new look\n- 🛠️ Dozens of fixes and tweaks"
    },
    {
      "type": 14,
      "divider": true,
      "spacing": 1
    },
    {
      "type": 1,
      "components": [
        {
          "type": 2,
          "style": 5,
          "label": "Read the full post",
          "url": "https://example.com/announcement"
        },
        {
          "type": 2,
          "style": 5,
          "label": "Join the discussion",
          "url": "https://discord.gg/2wB7rHRDg2"
        }
      ]
    },
    {
      "type": 10,
      "content": "-# Posted by the team • Thanks for being part of the community 💜"
    }
  ],
  "flags": 32768
}

Use this template in a bot

The same message as a discord.js or discord.py bot sends it. Both are generated from the template above by DWEEB's code generator; for a cURL, JavaScript or Python webhook request, open the template with the Code tab.

discord.js code
// Components V2 message — discord.js v14.19 or newer.
// Designed in DWEEB (https://dweeb.faizo.net). Edit the text, then send.
const {
  ActionRowBuilder,
  ButtonBuilder,
  ButtonStyle,
  MediaGalleryBuilder,
  MediaGalleryItemBuilder,
  MessageFlags,
  SeparatorBuilder,
  SeparatorSpacingSize,
  TextDisplayBuilder,
} = require("discord.js");

const text1 = new TextDisplayBuilder().setContent(
  [
    "# 📢 Announcement",
    "**A quick heads-up for everyone** — here's what's new and what it means for you.",
  ].join("\n"),
);

const gallery = new MediaGalleryBuilder().addItems(
  new MediaGalleryItemBuilder()
    .setURL("https://dweeb.faizo.net/media/defaults/dweeb-announcement-banner.jpg")
    .setDescription("Announcement banner"),
);

const text2 = new TextDisplayBuilder().setContent(
  [
    "We just rolled out a big update — faster, cleaner, and packed with the features you asked for. Skim the highlights, then dive in:",
    "- 🚀 Noticeably faster across the board",
    "- 🎨 A fresh new look",
    "- 🛠️ Dozens of fixes and tweaks",
  ].join("\n"),
);

const separator = new SeparatorBuilder()
  .setDivider(true)
  .setSpacing(SeparatorSpacingSize.Small);

const row = new ActionRowBuilder().addComponents(
  new ButtonBuilder()
    .setStyle(ButtonStyle.Link)
    .setLabel("Read the full post")
    .setURL("https://example.com/announcement"),
  new ButtonBuilder()
    .setStyle(ButtonStyle.Link)
    .setLabel("Join the discussion")
    .setURL("https://discord.gg/2wB7rHRDg2"),
);

const text3 = new TextDisplayBuilder().setContent(
  "-# Posted by the team • Thanks for being part of the community 💜",
);

// The design also sets username "Announcements" — webhook-only options that
// channel.send() has no equivalent for. WebhookClient#send accepts them.

// Send it from any async context: a command handler, an event, a script.
await channel.send({
  components: [text1, gallery, text2, separator, row, text3],
  flags: MessageFlags.IsComponentsV2,
});
discord.py code
# Components V2 message — discord.py 2.6 or newer.
# Designed in DWEEB (https://dweeb.faizo.net). Edit the text, then send.
import discord
from discord import ui


def build_view() -> ui.LayoutView:
    view = ui.LayoutView(timeout=None)
    view.add_item(
        ui.TextDisplay(
            "# 📢 Announcement\n"
            "**A quick heads-up for everyone** — here's what's new and what it means for you.",
        ),
    )
    view.add_item(
        ui.MediaGallery(
            discord.MediaGalleryItem(
                "https://dweeb.faizo.net/media/defaults/dweeb-announcement-banner.jpg",
                description="Announcement banner",
            ),
        ),
    )
    view.add_item(
        ui.TextDisplay(
            "We just rolled out a big update — faster, cleaner, and packed with the features you asked for. Skim the highlights, then dive in:\n"
            "- 🚀 Noticeably faster across the board\n"
            "- 🎨 A fresh new look\n"
            "- 🛠️ Dozens of fixes and tweaks",
        ),
    )
    view.add_item(ui.Separator(visible=True, spacing=discord.SeparatorSpacing.small))
    view.add_item(
        ui.ActionRow(
            ui.Button(
                style=discord.ButtonStyle.link,
                label="Read the full post",
                url="https://example.com/announcement",
            ),
            ui.Button(
                style=discord.ButtonStyle.link,
                label="Join the discussion",
                url="https://discord.gg/2wB7rHRDg2",
            ),
        ),
    )
    view.add_item(
        ui.TextDisplay(
            "-# Posted by the team • Thanks for being part of the community 💜",
        ),
    )
    return view


# The design also sets username "Announcements" — webhook-only options that
# channel.send() has no equivalent for. discord.Webhook.send accepts them.

# Send it from any coroutine: a command, an event listener, a task.
await channel.send(view=build_view())

Ready to use this template?

Open it in the visual Discord message builder, customize it for your server, and review the result before sending.

Use “Discord Announcement” →

Frequently asked questions

Do I need a bot to use this template?

No. This template contains only layout, text, media and link buttons, so any Discord webhook can post it. No application-owned webhook is required.

How do I use this Announcement template?

Click “Use this template free” to load it into the visual editor, change the text, colours and links to fit your server, then pick a channel or paste your Discord webhook URL and hit Send. You can also share it as a single link or export the message JSON.

Is DWEEB free?

Yes. DWEEB's full visual builder is free and needs no account. Working drafts and browser saves are local by default; optional connected features such as schedules, server libraries, AI, and plugins use the data required to work.

Read next

Related templates