Indice
Carrusel de producto
Los carruseles de producto consisten en un conjunto de 2 a 10 cards de productos integrados a la WABA. Se construye de la siguiente manera:
{
"interactive": {
"action": {
"cards": [
{
"action": {
"catalog_id": "123456789",
"product_retailer_id": "abc123xyz"
},
"card_index": 0,
"type": "product"
},
{
"action": {
"catalog_id": "123456789",
"product_retailer_id": "def456uvw"
},
"card_index": 1,
"type": "product"
}
]
},
"body": {
"text": "Check out our featured products!"
},
"type": "carousel"
},
"recipient_type": "individual",
"type": "interactive"
}En que:
| card_index | Posición de la card en el carrusel (de 0 a 9). Completado obligatorio. |
| action.catalog_id | El identificador del catálogo registrado en su WABA. |
| action.product_retailer_id | El identificador del vendedor. |
| body.text | Texto que aparecerá arriba del carrusel, con límite de 1024 caracteres. Message bubble. |
Referencias
Carrusel de medios
El carrusel de medios está compuesto por un conjunto de 2 a 10 cards, cada una conteniendo una imagen o video y un botón de acción. Su estructura se define de la siguiente forma:
{
"interactive": {
"action": {
"cards": [
{
"action": {
"name": "cta_url",
"parameters": {
"display_text": "Shop now",
"url": "https://shop.example.com/deal1"
}
},
"body": {
"text": "Exclusive deal #1"
},
"card_index": 0,
"header": {
"image": {
"link": "https://example.com/image1.png"
},
"type": "image"
},
"type": "cta_url"
},
{
"action": {
"name": "cta_url",
"parameters": {
"display_text": "Shop now",
"url": "https://shop.example.com/deal2"
}
},
"body": {
"text": "Exclusive deal #2"
},
"card_index": 1,
"header": {
"image": {
"link": "https://example.com/image2.png"
},
"type": "image"
},
"type": "cta_url"
}
]
},
"body": {
"text": "Check out our latest offers!"
},
"type": "carousel"
},
"recipient_type": "individual",
"type": "interactive"
}En que:
| cards.action.paramteres.display_text | Define el texto que se mostrará en el botón de acción. |
| cards.action.paramteres.url | Enlace de redireccionamiento del botón. |
| cards.body.text | Texto mostrado en la card, limitado a 1024 caracteres. |
| card_index | Posición de la card en el carrusel (de 0 a 9). Completado obligatorio. |
| header.image.link | URL de la imagen de la card. |
| body.text | Texto que aparecerá arriba del carrusel, con límite de 1024 caracteres. Message bubble. |
Referencias
Comparativo: Carrusel en Templates vs. Flujo
El template de carrusel para mensajes activos es más completo que la versión disponible por Meta para flujos de conversación.
Mientras que el modelo de mensajes activos permite múltiples botones (enlaces, textos o teléfono), el carrusel de flujo soporta solo un único botón, obligatoriamente de tipo enlace. Además, el carrusel de flujo no es compatible con variables de Meta.
| Recurso | Carrusel (Mensaje Activo) | Carrusel (Flujo) |
|---|---|---|
| Qtd. de Botones | Múltiples | Apenas 1 |
| Tipos de Botón | Enlace, Texto o Teléfono | Apenas Enlace (URL) |
| Variables Meta | Compatible | No compatible |
Referencias:
Para obtener más información, acceda a la discusión sobre el tema en nuestra comunidad o los videos en nuestro canal. 😃