Tarjetas y carruseles RCS Rich

Las tarjetas enriquecidas combinan medios, texto y sugerencias para crear una experiencia de mensajería más atractiva e interactiva. Puede utilizarlas para resaltar información clave, ofrecer acciones claras y guiar a los usuarios a través de una conversación de forma más intuitiva que con solo texto.

Los carruseles amplían este concepto al permitir presentar varias tarjetas enriquecidas en un solo mensaje, lo que permite a los usuarios explorar y comparar distintas opciones.

Una tarjeta rica puede contener:

  • Medios: imágenes, GIF, vídeos o archivos PDF
  • Texto del título: un titular o mensaje clave
  • Texto descriptivo - información de apoyo o contexto
  • Respuestas y acciones sugeridas: opciones interactivas para el usuario

El envío de archivos PDF en tarjetas enriquecidas sólo se admite actualmente en la India en el cliente Mensajes de Google.

Se requiere al menos uno de los tres primeros elementos (medio, título o descripción).

Navigation pane.

Componentes de una tarjeta enriquecida

Medios de comunicación

Las tarjetas enriquecidas admiten varios formatos multimedia para que pueda presentar sus contenidos de la forma más eficaz:

  • Imágenes: JPEG/JPG, GIF, PNG
  • Vídeos: H.263, M4V, MP4, MPEG, MPEG-4, WebM
  • Documentos: PDF (India sólo en el cliente Mensajes de Google)

Puede elegir una de las tres alturas de soporte estándar:

Altura de los medios Talla
Corto 112 DP
Medio 168 DP
Alto 264 DP

DP (píxeles independientes de la densidad) garantiza que los medios se muestren de forma coherente en diferentes densidades de pantalla.

Si el medio no coincide con la altura seleccionada, el sistema lo recortará y ampliará automáticamente para centrarlo. Para controlar la apariencia de los medios, puedes proporcionar una miniatura personalizada.

Navigation pane.

Comportamiento del PDF:

  • Se genera una vista previa de la primera página del archivo.
  • Si no hay una vista previa disponible, se muestra la miniatura o un icono predeterminado.
  • Al tocar la imagen, se abre el archivo en un visor.

Puede proporcionar medios por URL o cargarlos directamente.

Navigation pane.

Miniaturas

Las miniaturas actúan como imagen de previsualización de los medios y se muestran durante la descarga de archivos.

  • Tamaño máximo de la miniatura: 100 kB (recomendado: ≤ 50 kB)
  • Si no se proporciona ninguna miniatura, aparecerá un icono por defecto.
  • Las miniaturas también se utilizan como previsualizaciones de vídeo.

Tocando la miniatura o el icono se abre el soporte en pantalla completa.

Navigation pane.

Título

El título es un titular conciso diseñado para captar la atención del usuario.

  • Longitud máxima: 200 caracteres
  • Los caracteres especiales, como los emoji o los caracteres multibyte, cuentan como caracteres múltiples.

Descripción

La descripción proporciona información de apoyo o una llamada a la acción.

  • Longitud máxima: 2000 caracteres

Respuestas y acciones sugeridas

Las tarjetas ricas pueden incluir hasta:

  • 4 sugerencias de respuestas o acciones en el interior de la tarjeta
  • 11 fichas de sugerencias adicionales debajo de la tarjeta

Las fichas de sugerencias deben ofrecer nuevas formas de hacer avanzar la conversación y no deben duplicar las opciones de la tarjeta o el carrusel.

Navigation pane.

Respuestas sugeridas

Las respuestas sugeridas son mensajes cortos predefinidos (de hasta 25 caracteres) que permiten a los usuarios responder rápidamente. Ayudan a agilizar las conversaciones y guían a los usuarios hacia interacciones relevantes.

Acciones sugeridas

Las acciones sugeridas enlazan con las funciones nativas del dispositivo, por ejemplo, llamar a un número, abrir un mapa o iniciar un navegador. Incluye solo acciones relevantes para no abrumar al usuario.

Opciones de diseño de tarjetas enriquecidas

Las tarjetas enriquecidas pueden formatearse vertical u horizontalmente:

Disposición vertical

  • Los medios de comunicación aparecen en la parte superior.
  • Altura mínima de la tarjeta: 112 DP.
  • Alturas de soporte soportadas: 112 DP (Corta), 168 DP (Media), 264 DP (Alta).
  • Relaciones de aspecto compatibles: 2:1, 16:9, 7:3.
Navigation pane.

Disposición horizontal

  • Los medios se colocan a la izquierda o a la derecha del texto.
  • Anchura fija del soporte: 128 DP.
  • La altura se ajusta al contenido del texto.
Navigation pane.

Carruseles de tarjetas enriquecidas

Un carrusel es una secuencia desplazable de tarjetas enriquecidas dentro de un único mensaje. Los carruseles son ideales cuando se presentan varias opciones relacionadas, como planes, productos o ubicaciones, para que los usuarios puedan navegar y comparar.

  • Número máximo de tarjetas en un carrusel: 10
  • En los carruseles sólo se admiten tarjetas enriquecidas verticales.

La primera tarjeta debe destacar la opción mejor o recomendada.

Las fichas de sugerencia también pueden colocarse debajo del carrusel, pero no deben repetir el contenido del carrusel.

Navigation pane.

Especificaciones del carrusel

Especificación Detalle
Título Máx. 200 caracteres
Descripción Máx. 2000 caracteres
Altura Pequeño: 542 DP máx. Mediano: 592 DP máx.
Anchura Pequeño: 180 DP (fijo) Mediano: 296 DP (fijo)

Todas las tarjetas se escalan para que coincidan con la altura de la tarjeta más alta. Si el contenido supera esta altura, el sistema trunca el texto en el siguiente orden:

  1. Descripción → línea única
  2. Título → línea única
  3. Sugerencias → eliminado
  4. Descripción → eliminado
  5. Título → eliminado

Vista de pantalla completa para carruseles

Si el contenido de la tarjeta está truncado, los usuarios pueden ampliarla a pantalla completa para ver el texto completo.

Cómo funciona:

  • Aparece un botón Más cuando se corta el contenido.
  • Tocando la tarjeta o el botón Más se abre el modo de pantalla completa.
  • Los usuarios pueden salir pulsando X, utilizando el gesto de retroceso del sistema o seleccionando una sugerencia.

Navegación en pantalla completa:

  • Desplazamiento vertical dentro de la tarjeta para textos más largos.
  • Deslizamiento horizontal para pasar de una tarjeta a otra.

Especificaciones de los soportes a pantalla completa:

Especificación Detalle
Altura de los medios 264 DP (Alto)
Anchura del soporte Ancho de pantalla - 32 DP (16 DP de margen a cada lado)

Cómo se comportan las sugerencias en pantalla completa

Tipo de sugerencia Comportamiento
Abrir URL Se abre en el navegador o en la vista web. Al volver a Mensajes se restablece la vista de pantalla completa.
Marcar / Ver ubicación / Calendario de eventos Abre la aplicación correspondiente. Al volver, se restablece la vista de pantalla completa.
Compartir ubicación La vista de pantalla completa se cierra, se abre Google Maps y, tras el envío, vuelve la vista de conversación.
Respuesta sugerida La vista a pantalla completa se cierra y la respuesta se envía en el chat.

Límites de carácter y tamaño

  • Título: hasta 200 caracteres
  • Descripción: hasta 2000 caracteres
  • Alturas de los soportes: 112 DP (Corta), 168 DP (Media), 264 DP (Alta)
  • Tamaño de la carga útil: máximo 250 KB

Asegúrese de que sus tarjetas enriquecidas y carruseles se mantienen dentro de estos límites para que todo el contenido se muestre correctamente.

Para más información