Discord Staff Application Template

{
  "username": "Staff Team",
  "components": [
    {
      "type": 17,
      "accent_color": 15548997,
      "components": [
        {
          "type": 10,
          "content": "# 🛡️ Join the team\n**{server}** is growing and we're looking for moderators and helpers to keep it awesome."
        },
        {
          "type": 14,
          "divider": true,
          "spacing": 1
        },
        {
          "type": 10,
          "content": "**What we look for**\n- 🕒 Active a few hours a week\n- 🤝 Calm, fair, and friendly under pressure\n- 🧠 Knows the rules inside out"
        },
        {
          "type": 10,
          "content": "**What you get**\n- 🛡️ The staff role and badge\n- 🔧 Access to staff channels and tools\n- 💜 A real say in where the server goes"
        },
        {
          "type": 1,
          "components": [
            {
              "type": 2,
              "style": 1,
              "label": "Apply now",
              "emoji": {
                "name": "📋"
              },
              "custom_id": "staff_apply"
            }
          ]
        }
      ]
    },
    {
      "type": 10,
      "content": "-# Applying opens a pop-up questionnaire that goes straight to the review team — one application per person."
    }
  ],
  "flags": 32768
}

// 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,
  ContainerBuilder,
  MessageFlags,
  SeparatorBuilder,
  SeparatorSpacingSize,
  TextDisplayBuilder,
} = require("discord.js");

const container = new ContainerBuilder()
  .setAccentColor(0xed4245)
  .addTextDisplayComponents(
    new TextDisplayBuilder().setContent(
      [
        "# 🛡️ Join the team",
        "**{server}** is growing and we're looking for moderators and helpers to keep it awesome.",
      ].join("\n"),
    ),
  )
  .addSeparatorComponents(
    new SeparatorBuilder().setDivider(true).setSpacing(SeparatorSpacingSize.Small),
  )
  .addTextDisplayComponents(
    new TextDisplayBuilder().setContent(
      [
        "**What we look for**",
        "- 🕒 Active a few hours a week",
        "- 🤝 Calm, fair, and friendly under pressure",
        "- 🧠 Knows the rules inside out",
      ].join("\n"),
    ),
    new TextDisplayBuilder().setContent(
      [
        "**What you get**",
        "- 🛡️ The staff role and badge",
        "- 🔧 Access to staff channels and tools",
        "- 💜 A real say in where the server goes",
      ].join("\n"),
    ),
  )
  .addActionRowComponents(
    new ActionRowBuilder().addComponents(
      new ButtonBuilder()
        .setStyle(ButtonStyle.Primary)
        .setLabel("Apply now")
        .setEmoji("📋")
        .setCustomId("staff_apply"),
    ),
  );

const text = new TextDisplayBuilder().setContent(
  "-# Applying opens a pop-up questionnaire that goes straight to the review team — one application per person.",
);

// Buttons and menus with a custom ID do nothing until your bot handles the
// interaction: client.on("interactionCreate", …) and match on customId.
// The design also sets username "Staff Team" — 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: [container, text],
  flags: MessageFlags.IsComponentsV2,
});

# 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.Container(
            ui.TextDisplay(
                "# 🛡️ Join the team\n"
                "**{server}** is growing and we're looking for moderators and helpers to keep it awesome.",
            ),
            ui.Separator(visible=True, spacing=discord.SeparatorSpacing.small),
            ui.TextDisplay(
                "**What we look for**\n"
                "- 🕒 Active a few hours a week\n"
                "- 🤝 Calm, fair, and friendly under pressure\n"
                "- 🧠 Knows the rules inside out",
            ),
            ui.TextDisplay(
                "**What you get**\n"
                "- 🛡️ The staff role and badge\n"
                "- 🔧 Access to staff channels and tools\n"
                "- 💜 A real say in where the server goes",
            ),
            ui.ActionRow(
                ui.Button(
                    style=discord.ButtonStyle.primary,
                    label="Apply now",
                    emoji="📋",
                    custom_id="staff_apply",
                ),
            ),
            accent_colour=0xed4245,
        ),
    )
    view.add_item(
        ui.TextDisplay(
            "-# Applying opens a pop-up questionnaire that goes straight to the review team — one application per person.",
        ),
    )
    return view


# Buttons and menus with a custom_id do nothing until your bot handles them:
# subclass ui.LayoutView with callbacks, or listen for on_interaction.
# The design also sets username "Staff Team" — 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())