Carousel template

Overview

The Carousel template supports two sending formats:

Carousel with custom product cards

Maximum flexibility for your use case. Best when you need customization and marketing freedom.

• You define the carousel: number of cards, texts, variables, and buttons

• On send, you supply images and variable values

• Good for custom promotions, special offers, and segment-specific content

• Full control over look and copy of each card

---

Carousel with product cards from your WhatsApp Catalog

Fast, automatic, and fewer errors. Best for large sends and regular sales.

• Cards are pulled from your WhatsApp Catalog

• No manual descriptions, images, or button setup

• Data is always up to date: price, name, description, images

• Less manual work and fewer send mistakes

---

Description

Carousel templates allow you to send a single text message (1), accompanied by a set of up to 10 carousel cards (2) in a horizontally scrollable view.

The template can be viewed by users both from mobile devices and in the WhatsApp web client.

Basic rules for creating a template:

1. A message bubble (1) is required. Message bubbles are text-only and support variables in it.

2. Carousel templates support up to 10 carousel cards.

3. The media header format and button types must be the same for all cards.

4. Cards must have a mandatory media header (image or video) and card body text

5. Card should at least have 1 button. Template supports a maximum of up to 2 buttons for each card.

6. The button types supported are Quick Reply, Website URL CTA & Call Phone Number CTA. Buttons can be the same type or a mix of Quick reply buttons, phone number buttons, or URL buttons for each card.

Ways to send Carousel

Carousel can be sent in two ways:

• Via a template (Template message) — used for sending outside the 24-hour window. Requires prior creation and approval of the WhatsApp template. Sending is paid.

• As a service message — used within the 24-hour conversation window. No template is required. Sending is free.

Create a template

Creating a template is described in the API documentation in the /addTemplate method.

The difference from the basic template creation is the addition of a new CAROUSEL type to the components and cards array..

You can also create a template from the 'Dev Toolkit' → 'Test requests' section of your personal cabinet. The example below was created using this section. Don't forget to specify examples of variables if you have added them to the body, link URL of buttons. Otherwise the template will be rejected by Meta*.

Example of creating a Carousel template

The links are test links, be sure to use the correct ones when copying. The filling example is taken from the 360Dialog source.

POST https://api.1msg.io/{{channel}}/addTemplate
Content-Type: application/json
Body: {
  "name": "marketing_carousel_01_test",
  "allow_category_change": true,
  "category": "MARKETING",
  "language": "en",
  "components": [
    {
      "text": "Summer is here, and we have the freshest produce around! Use code {{1}} to get {{2}} off your next order.",
      "type": "BODY",
      "example": {
        "body_text": [
          [
            "15OFF",
            "15%"
          ]
        ]
      }
    },
     /* Carousel cards */
    {
      "type": "CAROUSEL" // new type for Carousel template
      "cards": [ 
        {
        /* First carousel card */
          "components": [ 
            {
              "type": "HEADER",
              "format": "IMAGE", 
              "example": {
                "header_handle": [
                  "https://img.example.com/delicious-background-orange-slices_23-2148231462.jpg"
                ]
              }
            },
            {
              "type": "BODY",
              "text": "Rare lemons for unique cocktails. Use code {{1}} to get {{2}} off all produce",
              "example": {
                "body_text": [
                  [
                    "150FF",
                    "10%"
                  ]
                ]
              }
            },
            {
              "type": "BUTTONS",
              "buttons": [
                {
                  "type": "QUICK_REPLY",
                  "text": "Send more like this #1"
                },
                {
                  "type": "URL",
                  "text": "Buy now",
                  "url": "https://www.luckyshrub.com/shop?promo={{1}}",
                  "example": [
                    "summer_lemons_2023"
                  ]
                }
              ]
            }
          ]
        },
       /* Second carousel card */
        {
          "components": [
            {
              "type": "HEADER",
              "format": "IMAGE",
              "example": {
                "header_handle": [
                  "https://img.example.com/top-view-citric-fruit-slices-table_23-2148495686.jpg"
                ]
              }
            },
            {
              "type": "BODY",
              "text": "Exotic fruit for unique cocktails! Use code {{1}} to get {{2}} off all exotic produce",
              "example": {
                "body_text": [
                  [
                    "20OFFEXOTIC",
                    "20%"
                  ]
                ]
              }
            },
            {
              "type": "BUTTONS",
              "buttons": [
                {
                  "type": "QUICK_REPLY",
                  "text": "Send more like this #2"
                },
                {
                  "type": "URL",
                  "text": "Buy now",
                  "url": "https://www.luckyshrub.com/shop?promo={{1}}",
                  "example": [
                    "exotic_produce_2023"
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}

Example of creating a Carousel template with WhatsApp Catalog product cards

Example are for testing; replace with real ones. Product IDs are filled when sending the template.

POST https://api.1msg.io/{{channel}}/addTemplate
Content-Type: application/json

{
   "name": "marketing_carousel_01_test",
  "allow_category_change": true,
  "category": "MARKETING",
  "language": "en",
  "components": [
    {
      "type": "BODY",
      "text": "Hi, {{1}}! Summer is here, and we have the freshest produce around!",
      "example": {
        "body_text": [["Anna"]]
      }
    },
    {
      "type": "CAROUSEL",
      "cards": [
        {
          "components": [
            { "type": "HEADER", "format": "PRODUCT" },
            {
              "type": "BUTTONS",
              "buttons": [{ "type": "SPM", "text": "View" }]
            }
          ]
        },
        {
          "components": [
            { "type": "HEADER", "format": "PRODUCT" },
            {
              "type": "BUTTONS",
              "buttons": [{ "type": "SPM", "text": "View" }]
            }
          ]
        }
      ]
    }
  ]
}

Placeholder	Description	Example Value
BUBBLE_TEXT String	Required.. Message bubble text string. Supports variables. Maximum 1024 characters.	Summer is here, and we've got the freshest produce around! Use code {{1}} to get {{2}} off your next order.
BUBBLE_TEXT_VAR_EXAMPLE Array of strings	Required if the message bubble text string uses variables. Array of example variable strings. Number of strings must match the number of variables included in the string.	"15OFF","15%"
CARD_BODY_TEXT String	Required. Card body text. Support variables. Maximum 160 characters.	Rare lemons for unique cocktails. Use code {{1}} to get {{2}} off all produce.
CARD_BODY_TEXT_VAR_EXAMPLE Array of strings	Required if using card body text with variables. Card body text example variables.	"15OFF","15%"
CARD_HEADER_FORMAT Enum	Required. Card media header format. Must be IMAGE or VIDEO.	IMAGE
CARD_HEADER_HANDLE	Required.
QUICK_REPLY_BUTTON_TEXT String	Required if using a quick reply button. Quick reply button label text. Maximum 25 characters.	Send more like this #2
TEMPLATE_CATEGORY Enum	Required. Must be MARKETING or UTILITY.	MARKETING
TEMPLATE_LANGUAGE Enum	Required. Template language and locale code.	en
TEMPLATE_NAME String	Required. Template name. Maximum 512 characters.	marceting_carousel_01_test
URL_BUTTON_TEXT String	Required if using a URL button. URL button label text. 25 characters maximum.	Buy now
URL_BUTTON_URL String	Required if using a URL button. URL of website that loads in the device's default mobile web browser when the URL button is tapped by the app user. Supports 1 variable, appended to the end of the URL string. Maximum 2000 characters.	https://www.luckyshrub.com/shop?promo={{1}}
URL_BUTTON_VAR_EXAMPLE String	Required if using a URL button. URL of website. Supports 1 variable. If using a variable, add sample variable property to the end of the URL string. The URL loads in the device's default mobile web browser when the customer taps the URL button. Maximum 2000 characters.	https://www.luckyshrub.com/shop?promo=summer_lemons_2023

---

Send a Carousel

Send a Carousel template

Carousel template:

• Has its own type - CAROUSEL

• An object with type CAROUSEL contains an array of cards. It is used only for this template type

• Each card contains card_index - the order of appearance of cards in the card carousel. 0 - means the first card, 1 - means the second card, etc.

Example of how to send the ‘Carousel’ template

An example of a 2-card template. Each card contains a quick reply button and a url button. The media header is an image.

POST https://api.1msg.io/{{channel}}/sendTemplate
Content-Type: application/json
Body: {
  "token": "{{token}}",
  "namespace": "{{namespace}}", // Call the list of templates via the /templates method and find the namespace for the required template
  "template": "marceting_carousel_01_test", // name template
  "language": {
    "policy": "deterministic",
    "code": "en" // language from the /templates method
  },
  "params": [
    {
   /* /* Common text message. Can be omitted if there are no variables in the text. */ */
      "type": "body", 
      "parameters": [
        {
          "type": "text",
          "text": "21OFF" // variable {{1}}
        },
        {
          "type": "text",
          "text": "21" // variable {{2}}
        }
      ]
    },
    {
      "type": "carousel",
      "cards": [
        /* The first card */
        {
          "card_index": 0,
          "components": [
            {
              "type": "header",
              "parameters": [
                {
                  "type": "image",
                  "image": {
                    "link": "https://img.freepik.com/free-photo/top-view-citric-fruit-slices-table_23-2148495686.jpg"
                  }
                }
              ]
            },
            {
              "type": "button",
              "sub_type": "url",
              "index": 1,  // button position, starting from 0. Here url-button is the second in the sequence, so index=1
              "parameters": [
                {
                  "type": "text",
                  "text": "summer" // parameter in url link
                }
              ]
            },
            {
             /* Card text. Can be omitted if there are no variables in the text. */
              "parameters": [
                {
                  "type": "text",
                  "text": "10F" // variable {{1}} in the first card
                },
                {
                  "type": "text",
                  "text": "10" // variable {{2}} in the first card
                }
              ]
            }
          ]
        },
        /* Вторая карточка */
        {
          "card_index": 1, 
          "components": [
            {
              "type": "header",
              "parameters": [
                {
                  "type": "image",
                  "image": {
                    "link": "https://img.freepik.com/free-photo/delicious-background-orange-slices_23-2148231462.jpg"
                  }
                }
              ]
            },
            {
              "type": "button",
              "sub_type": "url",
              "index": 1, // button position, starting from 0. Here url-button is the second in the sequence, so index=1
              "parameters": [
                {
                  "type": "text",
                  "text": "winter" // parameter in url link
                }
              ]
            },
            {
               /* Card text. Can be omitted if there are no variables in the text. */
              "type": "body",
              "parameters": [
                {
                  "type": "text",
                  "text": "30F" // variable {{1}} in the second card
                },
                {
                  "type": "text",
                  "text": "30" // variable {{2}} in the second card
                }
              ]
            }
          ]
        }
      ]
    }
  ],
  "phone": "[phone]"
}

Example of how to send the ‘Carousel’ template with WhatsApp Catalog product cards

An example of a 2-card template.

POST https://api.1msg.io/{{channel}}/sendTemplate
Content-Type: application/json

{
  "namespace": "{{namespace}}",
  "template": "marketing_carousel_01_test",
  "language": { "policy": "deterministic", "code": "en" },
  "params": [
    {
      "type": "body",
      "parameters": [{ "type": "text", "text": "Anna" }]
    },
    {
      "type": "carousel",
      "cards": [
        {
          "card_index": 0,
          "components": [
            {
              "type": "header",
              "parameters": [
                {
                  "type": "product",
                  "product": {
                    "product_retailer_id": "0001",
                    "catalog_id": "{{catalog_id}}"
                  }
                }
              ]
            }
          ]
        },
        {
          "card_index": 1,
          "components": [
            {
              "type": "header",
              "parameters": [
                {
                  "type": "product",
                  "product": {
                    "product_retailer_id": "0002",
                    "catalog_id": "{{catalog_id}}"
                  }
                }
              ]
            }
          ]
        }
      ]
    }
  ],
  "phone": "{{phone}}"
}

---

Send a Carousel as a service message

To send a Carousel as a service message (without a pre-created Meta template), use the /sendCarousel method in the API documentation .

You do not need to create a Meta template in advance.

The payload is similar to template sending, but you must specify all elements explicitly, because the message is sent without a template.

Example: Sending a Carousel via /sendCarousel (custom cards)

2 cards. Each card: 2 Quick Reply buttons. Header: image.

POST https://api.1msg.io/{{channel}}/sendCarousel
Content-Type: application/json

{
  "phone": "{{phone}}",
  "params": [
    {
      "type": "BODY",
      "parameters": [{ "type": "text", "text": "Text Body" }]
    },
    {
      "type": "CAROUSEL",
      "cards": [
        {
          "card_index": 0,
          "components": [
            {
              "type": "header",
              "parameters": [
                {
                  "type": "image",
                  "image": { "link": "https://test-pick.ru/38eff70e116842949fd3019b226d31db.jpg" }
                }
              ]
            },
            {
              "type": "BODY",
              "parameters": [{ "type": "text", "text": "Description card 1" }]
            },
            {
              "type": "button",
              "sub_type": "quick_reply",
              "parameters": [
                { "text": "Button", "id": "Buttons1" },
                { "text": "Button 2", "id": "Buttons2" }
              ]
            }
          ]
        },
        {
          "card_index": 1,
          "components": [
            {
              "type": "header",
              "parameters": [
                {
                  "type": "image",
                  "image": { "link": "https://test-pick.ru/38eff70e116842949fd3019b226d31db.jpg" }
                }
              ]
            },
            {
              "type": "body",
              "parameters": [{ "type": "text", "text": "Description card 2" }]
            },
            {
              "type": "button",
              "sub_type": "quick_reply",
              "parameters": [
                { "text": "Button", "id": "Button3" },
                { "text": "Button 2", "id": "Button4" }
              ]
            }
          ]
        }
      ]
    }
  ]
}

Example: Sending a Carousel via /sendCarousel with WhatsApp Catalog product cards

2 product cards from the WhatsApp Catalog.

POST https://api.1msg.io/{{channel}}/sendCarousel
Content-Type: application/json

{
  "phone": "{{phone}}",
  "params": [
    {
      "type": "BODY",
      "parameters": [{ "type": "text", "text": "Text body" }]
    },
    {
      "type": "CAROUSEL",
      "cards": [
        {
          "card_index": 0,
          "components": [
            {
              "type": "header",
              "parameters": [
                {
                  "type": "product",
                  "product": {
                    "product_retailer_id": "0001",
                    "catalog_id": "{{catalog_id}}"
                  }
                }
              ]
            }
          ]
        },
        {
          "card_index": 1,
          "components": [
            {
              "type": "header",
              "parameters": [
                {
                  "type": "product",
                  "product": {
                    "product_retailer_id": "0002",
                    "catalog_id": "{{catalog_id}}"
                  }
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}