> ## Documentation Index
> Fetch the complete documentation index at: https://botpress.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Cards

Cards are drag-and-drop elements that **perform tasks within a [Node](https://botpress.com/docs/studio/concepts/nodes)**:

![Cards](https://mintcdn.com/botpress/Lpe_dNeJOVvCwnlo/studio/concepts/cards/assets/cards.png?fit=max\&auto=format\&n=Lpe_dNeJOVvCwnlo\&q=85\&s=4e647de7c3c46c5c4c3372f12ebb3878)

You can use Cards to:

> [card] [Send messages](https://botpress.com/docs/studio/concepts/cards/send-messages.md)
>
> Send text, images, and other content to users

> [card] [Control Workflow logic](https://botpress.com/docs/studio/concepts/cards/flow-logic.md)
>
> Transition to another Workflow

> [card] [Execute code](https://botpress.com/docs/studio/concepts/cards/execute-code.md)
>
> Add custom JavaScript code to your Workflow

This section contains documentation for all Cards in the Studio.

## Add a Card

1. Select **+ Add Card** on any Node to open the Card tray.
2. Select any Card to add it to your Node.

> [!NOTE]
>
> Not all Cards work with every type of Node. The Card tray will only display Cards that are compatible with the Node you've selected.

> [!TIP]
>
> When you install an integration, its Cards will become available in the Card tray. Check out the [integrations documentation](https://botpress.com/docs/integrations/get-started/introduction.md) for more information on integration-specific Cards.

## Configure a Card

You can access a Card's configuration options by selecting the Card after adding it to your Workflow. This will open the Card's inspector in the Studio's right panel:

![Card inspector](https://mintcdn.com/botpress/Lpe_dNeJOVvCwnlo/studio/concepts/cards/assets/card-inspector.png?fit=max\&auto=format\&n=Lpe_dNeJOVvCwnlo\&q=85\&s=02d82a9b26d0e8d5f53f73f2a3d25779)

The Card's configuration fields could be either mandatory or optional—mandatory fields are marked with \*.

> [!NOTE]
>
> If no Card is selected, Studio's right panel displays the [Emulator](https://botpress.com/docs/studio/concepts/emulator.md). When a Card is selected, you can toggle between the **Inspector** and the **Emulator** tabs.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.