Detalles creativos de las tarjetas de contenidos
La personalización de las tarjetas de contenido y del feed en el que se encuentran no puede realizarse durante el proceso de creación de la campaña: debe trabajar con sus ingenieros y desarrolladores para crear y personalizar sus tarjetas. Para más detalles técnicos, visite nuestra documentación para desarrolladores.
Tipos de tarjetas de contenido
La tarjeta clásica es ideal para mensajes 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 de cabecera | 18px; Negrita Lo ideal es una línea de texto. Puede utilizar Liquid aquí para personalizar su mensaje. |
| Texto del mensaje | 13px; Peso normal Lo ideal son de dos a cuatro líneas de texto. Puede utilizar Liquid aquí para personalizar su mensaje. |
| Texto de enlace | Opcional. 13 px Enlace a página web o vínculo profundo dentro de tu aplicación. |
| Imagen | Opcional. Debe tener una proporción de 1:1. Recomendamos una calidad de imagen de 60 x 60 px. |
La tarjeta de imagen con pie de foto es una forma estupenda de mostrar y llamar la atención sobre contenido importante, como una gran venta o una nueva función de la aplicación.
| Capacidad de la tarjeta | Detalles |
|---|---|
| Texto de cabecera | 18px; Negrita Lo ideal es una línea de texto. Puede utilizar Liquid aquí para personalizar su mensaje. |
| Texto del mensaje | 13px; Peso normal Lo ideal son de dos a cuatro líneas de texto. Puede utilizar Liquid aquí para personalizar su mensaje. |
| Texto de enlace | Opcional. 13 px Enlace a página web o vínculo profundo dentro de tu aplicación. |
| Imagen | Se sugiere una proporción de 4:3. Anchura mínima de 600 px. Admite PNG, JPEG y GIF de alta resolución. |
Si quieres algo más sofisticado, la tarjeta banner es para ti. Esto se personaliza completamente según lo que tú quieras que sea. Sólo tienes que crear tu contenido en otro sitio y subirlo para crear una bonita tarjeta totalmente tuya.
| Capacidad de la tarjeta | Detalles |
|---|---|
| Tarjeta vinculada | Opcional. 13 px El comportamiento al hacer clic enlaza a una página web o a un enlace profundo dentro de su aplicación. |
| Imagen | Admite cualquier relación de aspecto. Anchura mínima de 600 px. Admite PNG, JPEG y GIF de alta resolución. |
Detalles creativos globales
Las tarjetas de contenido vienen con una gran funcionalidad desde el principio. En este momento, el estilo de la tarjeta no se puede hacer de forma nativa en su cuenta Braze, pero puede estilizar su tarjeta de contenido por tipo y el feed de la tarjeta de contenido durante la integración. Consulte Personalización de las tarjetas de contenido para obtener más información.
Comportamiento de descarte
Para que un usuario descarte una tarjeta, puede retirarla en el móvil o utilizar la función close X, como se muestra en la siguiente captura de pantalla. El x aparecerá al pasar el ratón solo para el SDK Web.
Si un usuario ha descartado todas sus tarjetas o usted no ha enviado ninguna actualización, el feed del usuario tendrá normalmente este aspecto:
Mantenga la relevancia de las tarjetas de contenido configurándolas para que se descarten cuando un usuario realice acciones relevantes. Por ejemplo, configure las tarjetas de contenido promocional para que se descarten en cuanto los usuarios realicen una compra, de modo que no sigan viendo una oferta por algo que ya han comprado.
Uso de GIF en las tarjetas de contenido
| Tarjetas de contenido para Android | Tarjetas de contenido para iOS | Tarjetas de contenido para Web |
|---|---|---|
| El SDK de Android no proporciona soporte para GIF animados por defecto. Para más detalles sobre cómo activar la compatibilidad con GIF, consulta GIF. | El SDK Swift no proporciona soporte para GIF animados de forma predeterminada. Para obtener más información sobre la activación de la compatibilidad con GIF, consulta el tutorial sobre compatibilidad con GIF. | La compatibilidad con GIF está incluida por defecto en la integración del SDK Web. |
Editar esta página en GitHub