Detalles creativos para Content Cards
La personalización de las Content Cards y la fuente en la que se encuentran no se puede realizar durante el proceso de creación de la Campaign; debes trabajar con tus ingenieros y desarrolladores para construir y personalizar tus tarjetas. Para detalles técnicos, visita nuestra documentación para desarrolladores.
Tipos de Content Cards
La tarjeta clásica es ideal para mensajería y notificaciones estándar, o incluso para categorizar visualmente los mensajes con iconos. La imagen es opcional, pero debe tener una proporción de 1:1.
| Capacidad de la tarjeta | Detalles |
|---|---|
| Texto del encabezado | 18px; Negrita Una línea de texto es lo ideal. Puedes usar Liquid aquí para personalizar tu mensaje. |
| Texto del mensaje | 13px; Peso regular De dos a cuatro líneas de texto es lo ideal. Puedes usar Liquid aquí para personalizar tu mensaje. |
| Texto del enlace | Opcional. 13 px Enlace a una página web o vínculo profundo dentro de tu aplicación. |
| Imagen | Opcional. Debe tener proporción 1:1. Recomendamos una calidad de imagen de 60 x 60 px. |
La tarjeta de imagen con subtítulo es una excelente manera de mostrar y atraer la atención hacia contenido importante, como una gran oferta o una nueva característica de la aplicación.
| Capacidad de la tarjeta | Detalles |
|---|---|
| Texto del encabezado | 18px; Negrita Una línea de texto es lo ideal. Puedes usar Liquid aquí para personalizar tu mensaje. |
| Texto del mensaje | 13px; Peso regular De dos a cuatro líneas de texto es lo ideal. Puedes usar Liquid aquí para personalizar tu mensaje. |
| Texto del enlace | Opcional. 13 px Enlace a una página web o vínculo profundo dentro de tu aplicación. |
| Imagen | Se sugiere una proporción de 4:3. 600 px de ancho mínimo. Compatible con PNG, JPEG y GIF de alta resolución. |
Si quieres más control creativo, la tarjeta de solo imagen es para ti. Crea tu imagen usando cualquier herramienta que prefieras y cárgala en este tipo de tarjeta.
| Capacidad de la tarjeta | Detalles |
|---|---|
| Tarjeta con enlace | Opcional. 13 px Comportamiento al hacer clic: enlace a una página web o vínculo profundo dentro de tu aplicación. |
| Imagen | Cualquier proporción es compatible. 600 px de ancho mínimo. Compatible con PNG, JPEG y GIF de alta resolución. |
Detalles creativos generales
Las Content Cards admiten texto e imágenes, incluidos GIF, de forma nativa. Actualmente, el estilo personalizado para la tarjeta, como diferentes colores de fuente o múltiples imágenes, no se puede configurar en el dashboard. Puedes aplicar estilo personalizado a tu Content Card y fuente durante la integración. Para más detalles, consulta Personalizar tarjetas del SDK de Braze.
Comportamiento de descarte
Para que un usuario descarte una tarjeta, puede deslizarla en el móvil o usar la función de cerrar X, como se muestra en la siguiente captura de pantalla. La x aparecerá al pasar el cursor solo en el SDK Web.
Si un usuario ha descartado todas sus tarjetas o no has enviado nuevas actualizaciones, la fuente del usuario normalmente se verá así:
Mantén las Content Cards relevantes configurándolas para que se descarten cuando un usuario realice acciones relevantes. Por ejemplo, configura las Content Cards promocionales para que se descarten tan pronto como los usuarios realicen una compra, de modo que no sigan viendo una oferta de algo que ya compraron.
Uso de GIF en Content Cards
| Content Cards para Android | Content Cards para iOS | Content Cards para Web |
|---|---|---|
| El SDK de Android no proporciona compatibilidad con GIF animados de forma predeterminada. Para más detalles sobre cómo activar la compatibilidad con GIF, consulta GIF. | El SDK de Swift no proporciona compatibilidad con GIF animados de forma predeterminada. Para más detalles sobre cómo activar la compatibilidad con GIF, consulta el tutorial de compatibilidad con GIF. | La compatibilidad con GIF está incluida de forma predeterminada en la integración del SDK Web. |