> For the complete documentation index, see [llms.txt](https://docs.3dolphins.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.3dolphins.ai/marketing/template/request-template/marketing-template/carousel-message/card.md).

# Card

In a carousel, you can add more than one card containing promotions. Each card can include an image, title, description, and action buttons that capture customers’ attention, as they can scroll between cards to view multiple promotions or pieces of information at once. Additionally, the carousel supports the use of links or call-to-action buttons on each card, making it easier for users to interact directly with the displayed promotions.

{% hint style="info" %}
The maximum number of cards you can create is 10 cards.
{% endhint %}

<figure><img src="/files/AC1zyhiOE0vqHwaui3Rd" alt=""><figcaption><p>Card Template</p></figcaption></figure>

### Card Header

The card header section functions to display the title or main information of the promotion. You can use the header to capture the user’s attention at first glance, so they immediately understand the core message of the card.

{% hint style="info" %}
You can upload images in JPG or PNG format (maximum 5 MB), as well as videos in MP4 format (maximum 16 MB).
{% endhint %}

You can upload media by clicking **'+Upload Image'** or **'+Upload Video'** in the Card Media Header component section. Once the media is successfully uploaded, you can see it as shown in the image below.

<figure><img src="/files/me19aO1vihwYhwopHXBO" alt=""><figcaption><p>Card - Header</p></figcaption></figure>

### Card Body Message

The middle section of the card is used to display the main content, such as promotional descriptions, product details, or other important information. You can add clear and engaging messages so that users understand what is being offered and are encouraged to interact.

<figure><img src="/files/fqwNoyzWHyKDwHpWcBS8" alt=""><figcaption><p>Card - Body Message</p></figcaption></figure>

### Card Button

This section contains the action buttons on the card, allowing users to interact, such as purchasing a product, viewing details, or navigating to a specific page. You can place the buttons clearly so they are easily accessible and align with the information presented in the header and body.

{% hint style="info" %}
The maximum number of buttons you can use is 2 buttons.
{% endhint %}

<figure><img src="/files/ITgbQlZwzOcFxX4Ffgn1" alt=""><figcaption><p>Card - Button</p></figcaption></figure>

To add a card, you can click the **'+New Card'** button located below the card component, as shown in the image below.

<figure><img src="/files/DkOZY87W2pG4WWiIxEzU" alt=""><figcaption><p>New Card</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.3dolphins.ai/marketing/template/request-template/marketing-template/carousel-message/card.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.