# 📌 Card Block

## Structured and Interactive Content

Cards are structured content elements that combine images, text, and interactive buttons to present information in a clear and engaging format. 

{% embed url="<https://screen.studio/share/O9NU1xQQ?_loop=1&autoplay=1>" %}
Cards displayed in a chat conversation
{% endembed %}

When you create multiple cards (up to 10), they are displayed in a **carousel** format, allowing users to scroll through them horizontally. You can easily reorder cards using the drag-and-drop functionality, making it simple to customize the presentation order.

<figure><img src="https://4264750556-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4dIFGOeVbHW1PRwnG0Z8%2Fuploads%2Fn0CCYcW5cdbKuOnw1ohc%2FScreenshot_2025-03-05_alle_14.35.57.png?alt=media&#x26;token=0244268c-a87f-4ed3-adb8-44013a52348c" alt=""><figcaption><p>Card Block</p></figcaption></figure>

#### Card Configuration Options

* **Image** (Optional): The maximum height for an image in a Card Block is 244px per card. When multiple cards are displayed in a carousel view, the image will be automatically adjusted to a 16:9 aspect ratio to maintain visual consistency.
  * Image ALT text (Optional): Descriptive text for accessibility (not visible in web chat).
* **Title** (Mandatory): Up to 55 characters, concise and engaging.
* **Description** (Mandatory): Up to 85 characters (maximum 3 lines of text).
* **Buttons** (Optional): Up to 2 buttons per card (label max: 20 characters). Buttons can **link to internal workflows or agents or external pages**. All cards in a carousel must have the same number of buttons.

#### Common Use Cases

* Product Highlights: Showcase key services or items with images, descriptions, and purchase buttons.
* Interactive Menus: Guide users through conversation options.
* Promotional Offers: Feature discounts with links to dedicated landing pages.
* Guided User Journeys: Help users explore topics while maintaining conversation flow.