Las tarjetas enriquecidas combinan contenido multimedia, texto y sugerencias en un solo mensaje. Se enfocan en un solo tema y ofrecen acciones claras a los usuarios.
Una tarjeta enriquecida puede contener lo siguiente:
- Contenido multimedia (imagen, GIF o video)
- Texto del título
- Texto descriptivo
- Respuestas y acciones sugeridas.
Cada uno de estos campos es opcional, pero se debe incluir al menos uno de los campos del 1 al 3 en la tarjeta enriquecida.
Componentes de las tarjetas enriquecidas
Medios
Las tarjetas enriquecidas pueden incluir varios tipos de contenido multimedia, como imágenes, GIFs y videos. Las tarjetas enriquecidas admiten una variedad de formatos multimedia.
Tipos de imágenes admitidos:
- JPEG/JPG
- GIF
- PNG
Tipos de videos compatibles:
- H.263
- M4V
- MP4
- MPEG
- MPEG-4
- WebM
Puedes elegir entre tres alturas de contenido multimedia para una tarjeta enriquecida:
| Tipo de medio | Altura de medios |
|---|---|
| Contenido multimedia corto | 112 dp |
| Medio | 168 dp |
| Contenido multimedia alto | 264 dp |
DP significa píxeles independientes de la densidad, que son unidades que garantizan que los elementos de la IU aparezcan con un tamaño físico coherente en pantallas con diferentes densidades de píxeles.
Si el contenido multimedia no se ajusta a las dimensiones de la tarjeta según la altura seleccionada, se elige la vista previa del contenido multimedia mediante el zoom y el recorte central del contenido multimedia.
Cada elemento multimedia puede tener una miniatura asociada. Si haces clic en la miniatura, se abrirá una vista de pantalla completa del contenido multimedia.
Para subir contenido multimedia, especifica una URL o sube un archivo directamente. Puedes encontrar más información en la página Enviar mensajes.
Texto del título
El título de tu tarjeta enriquecida es como un titular que capta la atención del usuario y le da una idea clara de qué trata tu mensaje. Asegúrate de que sea concisa y informativa. Puede tener hasta 200 caracteres.
Descripción
La descripción de la tarjeta enriquecida incluye información de respaldo esencial. Aquí es donde debes explicar el título, destacar los beneficios clave y generar conversiones con un llamado a la acción claro. La descripción puede tener hasta 2,000 caracteres.
Respuestas y acciones sugeridas
Cada tarjeta enriquecida puede contener hasta cuatro respuestas sugeridas y acciones sugeridas. Además, puedes agregar hasta 11 sugerencias debajo de tu tarjeta en una lista de chips, al igual que lo harías con un mensaje de texto. Las respuestas y acciones sugeridas dentro de una lista de chips son una forma de avanzar en la conversación. No deben repetir las opciones que se muestran en la tarjeta enriquecida y no son herramientas de selección para los elementos que se presentan en un carrusel.
Puedes encontrar información detallada sobre las sugerencias en este artículo.
Respuestas sugeridas
Las respuestas sugeridas ayudan a los usuarios a interactuar con tu agente de maneras que este pueda responder fácilmente. A menos que la interacción requiera una respuesta de formato libre, usa respuestas sugeridas. Son más fáciles de procesar que el texto de formato libre y permiten que tu agente dirija las conversaciones por un camino óptimo.
Las respuestas sugeridas pueden tener hasta 25 caracteres.
Acciones sugeridas
Las acciones sugeridas permiten que un agente se conecte a las acciones nativas del dispositivo y proporcionan una experiencia muy integrada para el usuario. Cuando corresponda, las acciones sugeridas pueden facilitar la llamada a la atención al cliente o la búsqueda de una ubicación en el mapa.
Sin embargo, no abrumes a los usuarios con opciones. Proporciona solo las acciones que se relacionen con el mensaje más reciente y tantas como sea necesario. Limita la cantidad de acciones y respuestas sugeridas a lo que sea útil para el usuario en un contexto determinado.
Las acciones sugeridas pueden tener hasta 25 caracteres.
Diseño de la tarjeta enriquecida
Las tarjetas enriquecidas pueden tener un diseño vertical o horizontal.
Tarjetas enriquecidas verticales
Las tarjetas enriquecidas verticales muestran contenido multimedia horizontal en la parte superior de la tarjeta. La altura mínima de una tarjeta enriquecida vertical es de 112 dp.
El contenido multimedia que se usa en una tarjeta enriquecida vertical puede tener la siguiente altura:
- Corto: 112 dp
- Medio: 168 dp
- Alto: 264 dp
El contenido multimedia que se usa en una tarjeta enriquecida vertical puede tener una relación de aspecto de:
- 2:1
- 16:9
- 7:3
Tarjetas enriquecidas horizontales
Las tarjetas enriquecidas horizontales muestran contenido multimedia en el lado izquierdo o derecho de la tarjeta.
Una tarjeta rich horizontal no tiene una proporción de contenido multimedia fija, sino un ancho fijo de 128 DP. La altura se ajusta a la altura de los elementos de texto de la tarjeta.
Carruseles de tarjeta enriquecida
Puedes enviar una tarjeta enriquecida independiente o un carrusel de tarjetas enriquecidas.
Los carruseles de tarjetas enriquecidas son ideales para mostrar varios elementos, como planes de datos o dispositivos, lo que permite a los usuarios explorar y comparar fácilmente diferentes opciones en un solo mensaje. Un carrusel es ideal cuando quieres presentar una variedad de opciones o permitir la exploración de contenido relacionado.
El primer elemento de un carrusel debe ser la opción óptima, y el motivo debe ser claro para el usuario. Puedes tener hasta diez tarjetas en un carrusel de tarjetas enriquecidas. Los carruseles de tarjetas enriquecidas solo pueden contener tarjetas enriquecidas verticales.
Especificaciones del carrusel
| Especificación | Detalles |
|---|---|
| Título | El máximo es de 200 caracteres. |
| Descripción | 2,000 caracteres como máximo |
| Altura | • Carruseles pequeños: altura máxima de 542 dp • Carruseles medianos: altura máxima de 592 dp Todas las tarjetas de un carrusel se ajustarán para que coincidan con la altura de la tarjeta más alta. |
| Ancho | Elige una de las siguientes opciones: • Pequeño: 180 DP (ancho fijo) • Mediano: 296 DP (ancho fijo) |
Si se usa una imagen en el carrusel, es posible que se recorte el contenido de texto para que se adapte a la imagen.
Si los campos de la tarjeta en un carrusel de tarjetas enriquecidas no son lo suficientemente grandes como para completar la altura mínima, se agregará espacio en blanco adicional en la parte inferior. Si los campos superan la altura máxima, se truncarán en el siguiente orden:
- Descripción reducida a una sola línea.
- Es el título, reducido a una sola línea.
- Se quitaron por completo las sugerencias.
- Descripción, se quitó por completo.
- Título, se quitó por completo.
Para evitar que se trunquen, mantén los títulos y las descripciones lo más breves posible.
Al igual que en un mensaje de tarjeta enriquecida independiente, puedes incluir chips de sugerencia debajo de un carrusel para continuar la conversación. Los chips de sugerencias no deben repetir las opciones que se enumeran en el carrusel y no son herramientas de selección para los elementos que se presentan en él.
Límites
Los títulos de las tarjetas enriquecidas tienen un límite de 200 caracteres, mientras que las descripciones pueden tener hasta 2,000 caracteres. Ten en cuenta que los caracteres especiales, como los emojis o un conjunto de caracteres de varios bytes, cuentan como 2 a 4 caracteres o más.
El contenido multimedia de una tarjeta enriquecida o un carrusel de tarjetas enriquecidas puede tener la siguiente altura:
- Corto: 112 dp
- Medio: 168 dp
- Alto: 264 dp
Para garantizar que todos los elementos (contenido multimedia, títulos, descripciones y botones) se muestren correctamente en tu tarjeta enriquecida o carrusel, deben cumplir con los límites de caracteres y tamaño especificados. Si algún elemento supera estos límites, es posible que no se muestre por completo en una sola tarjeta.
El tamaño máximo de la carga útil de una tarjeta enriquecida es de 250 KB. Consulta las prácticas recomendadas para conocer las recomendaciones y los límites de tamaño de los archivos multimedia.