Using Discord Message Components with Kick Bot

10 min readLast updated: Oct 11, 2024

Kick Bot uses standard Discord message components to create rich and interactive notifications. This guide will help you understand and use these components effectively.

Understanding Discord Message Components

Discord offers various components that can be used to create interactive and informative messages. You can learn more about these components in the official Discord documentation:

Examples

Below are three examples of how you can use Discord message components with Kick Bot. Each example includes the JSON configuration and a preview of how the message will appear in Discord.

Example #1: Mention with Embed

Example with @everyone mention and embed.

JSON Configuration:

                {
  "content": "@everyone",
  "embeds": [
    {
      "title": "[[STREAMER]] is now live!",
      "description": "*[[TITLE]]*",
      "color": 35406,
      "image": {
        "url": "[[IMAGE]]"
      },
      "footer": {
        "text": "Followers: [[FOLLOWERS]]"
      }
    }
  ]
}
              

Preview:

Example #2: Simple Embed with @here

Example with a simple embed and @here.

JSON Configuration:

                {
  "content": "@here",
  "embeds": [
    {
      "title": "[[STREAMER]] is now live!",
      "color": 35406
    }
  ]
}
              

Preview:

Example #3: Message with Custom Buttons

Simple message with custom buttons.

JSON Configuration:

                {
  "content": "🚀 [[STREAMER]] is now live!",
  "components": [
    {
      "type": 1,
      "components": [
        {
          "type": 2,
          "label": "Checkout Youtube",
          "style": 5,
          "url": "https://www.youtube.com/channel/UC8PjGLhvwIyOx6CoS7wrsIg"
        },
        {
          "type": 2,
          "label": "Checkout my Website",
          "style": 5,
          "url": "https://kick.bot"
        }
      ]
    }
  ]
}
              

Preview: