Carrosel - Conteúdo Dinâmico – Blip | Blip Help

Índice

Carrossel de produto

Os carrosséis de produto consistem em um conjunto de 2 a 10 cards de produtos integrados à WABA. É construído da seguinte maneira:

{
    "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"
}

Em que:

card_index	Posição do card no carrossel (de 0 a 9). Preenchimento obrigatório.
action.catalog_id	O identificador do catálogo cadastrado em sua WABA.
action.product_retailer_id	O identificar do vendedor.
body.text	Texto que aparecerá acima do carrossel, com limite de 1024 caracteres. Message bubble.

Referências

Carrossel de mídia

O carrossel de mídia é composto por um conjunto de 2 a 10 cards, cada um contendo uma imagem ou vídeo e um botão de ação. Sua estrutura é definida da seguinte 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"
}

Em que:

cards.action.paramteres.display_text	Define o texto que será exibido no botão de ação.
cards.action.paramteres.url	Link de redirecionamento do botão.
cards.body.text	Texto exibido no card, limitado a 1024 caracteres.
card_index	Posição do card no carrossel (de 0 a 9). Preenchimento obrigatório.
header.image.link	URL da imagem do card.
body.text	Texto que aparecerá acima do carrossel, com limite de 1024 caracteres. Message bubble.

Referências

Comparativo: Carrossel em Templates vs. Fluxo

O template de carrossel para mensagens ativas é mais completo que a versão disponibilizada pela Meta para fluxos de conversa.

Enquanto o modelo de mensagens ativas permite múltiplos botões (links, textos ou telefone), o carrossel de fluxo suporta apenas um único botão, obrigatoriamente do tipo link. Além disso, o carrossel de fluxo não é compatível com variáveis da Meta.

Recurso	Carrossel (Mensagem Ativa)	Carrossel (Fluxo)
Qtd. de Botões	Múltiplos	Apenas 1
Tipos de Botão	Link, Texto ou Telefone	Apenas Link (URL)
Variáveis Meta	Compatível	Não compatível

Referências:

Para mais informações, acesse a discussão sobre o assunto em nossa comunidade ou os vídeos no nosso canal. 😃