Inhaltsverzeichnis
  1. Add Noctaly to Your Discord Server
  2. Creating a Message
  3. Configuring Components
  4. Container
  5. Text
  6. Media
  7. Separator
  8. Button Link

How to Create Components V2 Messages on Discord

Letzte Neuerung: 26. Oktober 2025
How to Create Components V2 Messages on Discord

Add Noctaly to Your Discord Server

Set up Noctaly in your Discord server to create a Message.

  1. Go to the Dashboard and log into your Discord account. Login to Discord
  2. Select the server you want to setup the Message in. Select a server
  3. Click on the Messages module. Select module

Creating a Message

  1. Click on Create a Message. Create a Message
  2. Select Create Component. Create a Component
  3. Component Name: Set a custom name to organize your components

Configuring Components

Add and customize components to build your message.

Container

Acts as a parent component to group other components inside it for an embed-like structure, used for design purposes with customizable colors. Displays as a colored box containing its nested components on Discord.

  1. Click Add Component and select Container.
  2. Choose a background color.
  3. Add nested components (e.g., Text) by clicking Add Component inside the Container. Container example

Text

Adds formatted text to your message. Shows as plain or formatted text (e.g. **bold**, > quote) within a Container or standalone on Discord. Button links or thumbnails can be added directly without a Container.

  1. Click Add Component and select Text.
  2. Enter text with formatting.
  3. Optionally, add a Thumbnail or Button Link.
    • Thumbnail: Upload an image.
    • Button Link: Add a labeled link. Text example

Media

Embeds images or media files in your message. Displays as an image with an optional description below it; can be spoiler-tagged on Discord.

  1. Click Add Component and select Media.
  2. Click Add Media to upload an image.
  3. Upload your file and add a description (optional).
  4. Toggle Spoiler to hide behind a spoiler tag if needed. Media example

Separator

Adds a visual break or divider between components. Shows as a horizontal line; can be invisible or take up more space on Discord.

  1. Click Add Component and select Separator.
  2. Use the eye icon to hide/show it.
  3. Use the adjust icon to increase/decrease space. Separator example

Button Link

Adds a clickable button with a URL. Displays as a button with a label and optional emoji, linking to the specified URL on Discord.

  1. Click Add Component and select Button Link.
  2. Enter the button text (e.g., "Click Me").
  3. Input the link (e.g., https://noctaly.com).
  4. Add an emoji (optional). Button example
    How to Create Components V2 Messages on Discord - Noctaly Tutorials