RCS: Rich Cards e Carrosséis

Os cartões avançados combinam recursos multimídia, texto e sugestões para criar uma experiência de mensagens mais envolvente e interativa. Você pode usá-los para destacar informações importantes, propor ações claras e orientar os usuários ao longo de uma conversa de forma mais intuitiva do que apenas com texto simples.

Os carrosséis ampliam esse conceito, permitindo que você apresente vários cartões com conteúdo rico em uma única mensagem, possibilitando que os usuários explorem e comparem diferentes opções.

Um cartão avançado pode conter:

• Mídia — imagens, GIFs, vídeos ou arquivos PDF
• Texto do título — um título ou uma mensagem principal
• Texto descritivo — informações complementares ou contexto
• Respostas e ações sugeridas — opções interativas para o usuário

É obrigatório preencher pelo menos um dos três primeiros elementos (mídia, título ou descrição).

Componentes de um Rich Card

Mídia

Os cartões avançados oferecem suporte a vários formatos de mídia para que você possa apresentar seu conteúdo da maneira mais eficaz:

• Imagens: JPEG/JPG, GIF, PNG
• Vídeos: H.263, M4V, MP4, MPEG, MPEG-4, WebM
• Documentos: PDF (na Índia, apenas no aplicativo Google Messages)

Você pode escolher uma das três alturas padrão de mídia:

DP (pixels independentes de densidade) garante que o conteúdo multimídia seja exibido de maneira consistente em telas com diferentes densidades.

Se a mídia não tiver a altura selecionada, o sistema irá automaticamente recortá-la e ampliar a imagem para centralizá-la. Para controlar a forma como a mídia é exibida, você pode fornecer uma miniatura personalizada.

Comportamento do PDF:

• É gerada uma pré-visualização a partir da primeira página do arquivo.
• Se não houver uma pré-visualização disponível, será exibida a miniatura ou um ícone padrão.
• Ao tocar na imagem, o arquivo é aberto em um visualizador.

Você pode fornecer arquivos de mídia por meio de um URL ou fazer o upload diretamente.

Miniaturas

As miniaturas servem como imagem de pré-visualização dos arquivos de mídia e são exibidas durante o download dos arquivos.

• Tamanho máximo da miniatura: 100 kB (recomendado: ≤ 50 kB)
• Se nenhuma miniatura for fornecida, um ícone padrão será exibido.
• As miniaturas também são usadas como visualizações de vídeo.

Ao tocar na miniatura ou no ícone, o arquivo de mídia é aberto em tela cheia.

Título

O título é uma manchete concisa, criada para chamar a atenção do usuário.

• Comprimento máximo: 200 caracteres
• Caracteres especiais, como emojis ou caracteres multibyte, contam como vários caracteres.

Descrição

A descrição fornece informações complementares ou uma chamada à ação.

• Comprimento máximo: 2.000 caracteres

Respostas e ações sugeridas

Os cartões enriquecidos podem incluir até:

• 4 sugestões de respostas ou ações dentro do cartão
• 11 fichas de sugestão adicionais abaixo da carta

As sugestões devem oferecer novas maneiras de levar a conversa adiante e não devem repetir as opções apresentadas no cartão ou no carrossel.

Respostas sugeridas

As respostas sugeridas são mensagens curtas predefinidas (de até 25 caracteres) que permitem aos usuários responder rapidamente. Elas ajudam a agilizar as conversas e orientam os usuários para interações relevantes.

Ações sugeridas

As ações sugeridas estão relacionadas aos recursos nativos do dispositivo, como, por exemplo, ligar para um número, abrir um mapa ou iniciar um navegador. Inclua apenas ações relevantes para evitar sobrecarregar o usuário.

Opções avançadas de layout de cartões

Os cartões avançados podem ser formatados na vertical ou na horizontal:

Layout vertical

• A mídia aparece no topo.
• Altura mínima do cartão: 112 DP.
• Alturas de mídia compatíveis: 112 DP (curta), 168 DP (média), 264 DP (alta).
• Proporções de tela compatíveis: 2:1, 16:9, 7:3.

Layout horizontal

• O elemento multimídia é posicionado à esquerda ou à direita do texto.
• Largura fixa da mídia: 128 DP.
• A altura se ajusta de acordo com o conteúdo do texto.

Carrosséis de cartões avançados

Um carrossel é uma sequência de cartões com conteúdo rico que pode ser percorrida dentro de uma única mensagem. Os carrosséis são ideais para apresentar várias opções relacionadas, como planos, produtos ou locais, para que os usuários possam navegar e comparar.

• Número máximo de cartões em um carrossel: 10
• Nos carrosséis, apenas os rich cards verticais são compatíveis.

O primeiro cartão deve destacar a melhor opção ou a opção recomendada.

Os blocos de sugestões também podem ser colocados abaixo do carrossel, mas não devem repetir o conteúdo do carrossel.

Especificações do Carrossel

Todos os cartões são redimensionados para se adequarem à altura do cartão mais alto. Se o conteúdo exceder essa altura, o sistema trunca o texto na seguinte ordem:

1. Descrição → uma linha
2. Título → uma linha
3. Sugestões → removidas
4. Descrição → removida
5. Título → removido

Visualização em tela cheia para carrosséis

Se o conteúdo do cartão estiver cortado, os usuários podem expandir o cartão para uma visualização em tela cheia a fim de ver o texto completo.

Como funciona:

• Um botão “Mais” aparece quando o conteúdo fica cortado.
• Ao tocar no cartão ou no botão “Mais”, o modo de tela cheia é ativado.
• Os usuários podem sair tocando no X, usando o gesto de voltar do sistema ou selecionando uma sugestão.

Navegação em tela cheia:

• Rolagem vertical dentro do cartão para textos mais longos.
• Deslize horizontalmente para alternar entre os cartões.

Especificações de mídia em tela cheia:

Como as sugestões se comportam na visualização em tela cheia

Limites de caracteres e tamanho

• Título: até 200 caracteres
• Descrição: até 2.000 caracteres
• Alturas dos meios: 112 DP (Baixa), 168 DP (Média), 264 DP (Alta)
• Tamanho da carga útil: no máximo 250 KB

Certifique-se de que seus rich cards e carrosséis permaneçam dentro desses limites para que todo o conteúdo seja exibido corretamente.

Mais informações

• Como enviar cartões interativos e carrosséis