# Configure Carousel-Product Message Template Components

### Body

The body of the message is required and can be up to **1024 characters** long. It supports **Markdown formatting**, allowing you to enhance your text with styles like bold, italics, and line through text. You can also include **multiple variables** for personalization; just be sure to provide sample values for these variables for review.

For example, you might write: "Hello \{\{1\}\}, your order \{\{2\}\} has been shipped!" When sending, replace \{\{1\}\} with the client's name and \{\{2\}\} with the order number.

### Card Configuration <a href="#card-configuration" id="card-configuration"></a>

In the **Carousel Message Template**, before adding cards, you must configure them.

Each carousel card can have either a **URL button** or a **View Product button**. The URL button allows customers to visit an external link, while the View Product button provides direct access to product information within WhatsApp.

To add button, click on the respective icon for the button type: **URL button icon**, or **View Product button icon**.

### Cards <a href="#cards" id="cards"></a>

**Add a New Card:**

* To add a new card, scroll down to the **Cards** section.
* Scroll to the right and click the **"Add New Card"** button. This will create a new card that you can customize individually.

**Configure Card Content:**

1. **Scroll to Cards Section:**
   * Scroll down to the **Cards** section to start adding or modifying cards.
2. **Configure Button:**
   * If you selected URL button in card configuration you will need to set up URL button below the **Carousel Card** heading for each card. Customize them according to your needs.

import {
  Tabs,
  TabsList,
  TabsTrigger,
  TabsContent,
} from "zudoku/ui/Tabs";

<Tabs defaultValue="url">
  <TabsList>
    <TabsTrigger value="url">URL Button</TabsTrigger>
    <TabsTrigger value="product">View Product Button</TabsTrigger>
  </TabsList>

  <TabsContent value="url">
    <ul>
      <li>Enter the <strong>Button Text</strong> (up to 25 characters) in the field provided.</li>
      <li>Below the Button Text field, enter the <strong>Website URL</strong>. You can include up to 1 variable at the end of the URL for personalization.</li>
      <li>If you use a variable, ensure you provide the full sample URL for review.</li>
    </ul>
  </TabsContent>

  <TabsContent value="product">
    <p>
      You don’t need to take any action now for the <strong>View Product</strong> button; 
      you can select the product when sending or broadcasting the message.
    </p>
  </TabsContent>
</Tabs>