Tarjetas enriquecidas y carruseles de RCS

Las tarjetas enriquecidas combinan elementos multimedia, texto y sugerencias para crear una experiencia de mensajería más atractiva e interactiva. Puedes utilizarlas para destacar información clave, proponer acciones claras y guiar a los usuarios a lo largo de una conversación de forma más intuitiva que con el texto sin formato.

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:

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

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

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:

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.

Comportamiento del PDF:

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

Puede proporcionar medios por URL o cargarlos directamente.

Miniaturas

Las miniaturas sirven como imagen de vista previa de los archivos multimedia y se muestran durante la descarga de los mismos.

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

Al pulsar sobre la miniatura o el icono, el archivo multimedia se abre en pantalla completa.

Título

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

• Longitud máxima: 200 caracteres
• Los caracteres especiales, como los emojis o los caracteres multibyte, cuentan como varios caracteres.

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

Respuestas sugeridas

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

Medidas recomendadas

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.

Diseño horizontal

• Los medios se colocan a la izquierda o a la derecha del texto.
• Ancho fijo del soporte: 128 DP.
• La altura se ajusta en función del contenido del texto.

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 solo se admiten tarjetas enriquecidas verticales.

La primera ficha debería destacar la mejor opción o la recomendada.

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

Especificaciones del carrusel

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

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

Vista de pantalla completa para carruseles

Si el contenido de la ficha aparece truncado, los usuarios pueden ampliarla a pantalla completa para ver el texto completo.

Cómo funciona:

• Cuando el contenido queda cortado, aparece un botón «Más».
• Al pulsar la tarjeta o el botón «Más», se abre el modo de pantalla completa.
• Los usuarios pueden salir pulsando la X, utilizando el gesto de «Atrás» del sistema o seleccionando una sugerencia.

Navegación en pantalla completa:

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

Especificaciones de los soportes a pantalla completa:

Cómo se comportan las sugerencias en pantalla completa

Límites de caracteres y tamaño

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

Asegúrate de que tus tarjetas enriquecidas y carruseles no superen estos límites para que todo el contenido se muestre correctamente.

Para más información

• Cómo enviar tarjetas enriquecidas y carruseles