Saltar al contenido principal

Carrusel - Contenido Dinámico

  • Actualización

Indice

  1. Carrusel de producto
  2. Carrusel de medios
  3. Comparativo: Carrusel en Templates vs. Flujo

 

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. 😃

Artículos relacionados