# Chatbot message cards

<!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->

Like Slack, Zoom has a chatbot card builder. We suggest using the [Slack block builder](https://app.slack.com/block-kit-builder/) and [Zoom chatbot card builder](https://zoom.us/account/chatAppcardBuilderKit) side by side to migrate your Slack message blocks to Zoom Chat cards, but below are some core examples:

## Markdown messages

Zoom supports markdown in chatbot card messages, and leverages the [markdown format for @ mentions and other features](/docs/chat/customizing-messages/markdown/).

```json
{
    "blocks": [
        {
            "type": "section",
            "text": {
                "type": "mrkdwn",
                "text": "*This is bold*, _this is italic_, ~this is crossed out~, `this is code`, and <https://google.com|this is a link>"
            }
        }
    ]
}
```

![](/img/slack-markdown.png)

```json
{
    "content": {
        "body": [
            {
                "type": "message",
                "is_markdown_support": true,
                "text": "*This is bold*, _this is italic_, ~this is crossed out~, `this is code`, and <https://google.com|this is a link>"
            }
        ]
    }
}
```

![](/img/zoom-markdown.png)

## Interactive messages

Interactive messages include UI elements, when clicked, trigger webhooks to your Bot endpoint URL.

```json
{
    "blocks": [
        {
            "type": "actions",
            "elements": [
                {
                    "type": "button",
                    "text": {
                        "type": "plain_text",
                        "text": "Click Me",
                        "emoji": true
                    },
                    "value": "click_me_123",
                    "action_id": "actionId-0"
                }
            ]
        }
    ]
}
```

![](/img/slack-interactive.png)

Slack button click [webhook example](/docs/chat/chatbot/extend/slash-commands-in-Zoom/#ui-elements).

```json
{
    "content": {
        "body": [
            {
                "type": "actions",
                "items": [
                    {
                        "text": "Click Me",
                        "value": "click_me_123",
                        "style": "Default"
                    }
                ]
            }
        ]
    }
}
```

![](/img/zoom-interactive.png)

Zoom button click [webhook example](/docs/chat/chatbot/extend/slash-commands-in-Zoom/#ui-elements).

## Rich messages

Rich messages are other ways to style text.

```json
{
    "blocks": [
        {
            "type": "rich_text",
            "elements": [
                {
                    "type": "rich_text_section",
                    "elements": [
                        {
                            "type": "text",
                            "text": "Hello there, I am a basic rich text block!"
                        }
                    ]
                }
            ]
        },
        {
            "type": "rich_text",
            "elements": [
                {
                    "type": "rich_text_section",
                    "elements": [
                        {
                            "type": "text",
                            "text": "Hello there, "
                        },
                        {
                            "type": "text",
                            "text": "I am a bold rich text block!",
                            "style": {
                                "bold": true
                            }
                        }
                    ]
                }
            ]
        },
        {
            "type": "rich_text",
            "elements": [
                {
                    "type": "rich_text_section",
                    "elements": [
                        {
                            "type": "text",
                            "text": "Hello there, "
                        },
                        {
                            "type": "text",
                            "text": "I am an italic rich text block!",
                            "style": {
                                "italic": true
                            }
                        }
                    ]
                }
            ]
        }
    ]
}
```

![](/img/slack-rich.png)

```json
{
    "content": {
        "body": [
            {
                "type": "message",
                "text": "Hello there, I am a basic rich text block!"
            },
            {
                "type": "message",
                "text": "I am a bold rich text block!",
                "style": {
                    "bold": true
                }
            },
            {
                "type": "message",
                "text": "I am an italic rich text block!",
                "style": {
                    "italic": true
                }
            }
        ]
    }
}
```

![](/img/zoom-rich.png)
