Cómo añadir imágenes personalizadas a Braze

Muestra los atributos de usuario de Braze como texto en una imagen, desde {{${first_name}}} hasta tus propios atributos personalizados, con una alternativa para los casos en los que falten datos.

Usa los atributos de Braze en los elementos gráficos, no solo en el texto.

Liquid ya incluye nombres y datos en tus mensajes de Braze. Sendtric imágenes personalizadas las incorporan a una imagen: tú diseñas un gráfico con capas de texto, y cada capa se rellena con un atributo de Braze cuando se abre el correo. Un recuento de días consecutivos en una insignia de fitness o el nombre de un plan en una tarjeta de renovación se perciben como mucho más personales que la misma línea en el cuerpo del texto.

El editor de Personalización de Imágenes de Sendtric, con una imagen de fondo y una capa de texto dinámica seleccionadas en el lienzo

Qué puedes hacer con las imágenes personalizadas en Braze

  • Hitos de la app: la racha de un usuario, su nivel o las lecciones completadas para conseguir una insignia, a partir de atributos personalizados.
  • Renovaciones de suscripción: nombre del plan y fecha de renovación en la tarjeta de socio.
  • Ofertas locales: la ciudad del usuario en un banner de tienda o de entrega con {{${city}}}.
  • Resumen del año: unas cuantas estadísticas por usuario sobre un fondo festivo, enviadas desde Canvas.
PlanCapas de texto dinámicas por imagen
Free1
Micro2
Standard4, más capas de imágenes estáticas
Energía y empresa20, además de fondos transparentes

Cómo añadir una imagen personalizada a Braze

Paso 1: Crea la imagen

En Sendtric, abre Personalización de Imágenes y haz clic en «Crear nuevo». Elige un fondo de la biblioteca o empieza con un color liso.

Paso 2: Asignar una capa de texto a Braze Liquid

Añade un capa de texto dinámico y crea una variable como, por ejemplo, first_name. En Etiqueta de fusión de ESP, introduce la etiqueta de Braze: {{${first_name}}} para un atributo estándar, o {{custom_attribute.${streak_days}}} para uno personalizado. Configura Texto alternativo para los usuarios que no tengan ningún valor.

La ventana «Añadir texto dinámico» en Sendtric, con los campos «Nombre de la variable», «Valor de diseño», «Mayúsculas y minúsculas del texto» y «Etiqueta de fusión ESP»

Paso 3: Guarda y copia el código

Da formato al texto, comprueba que el valor sea lo suficientemente largo y haz clic en Guardar. Copia el código; cada variable aparece en la URL de la imagen junto con tu etiqueta de Braze.

El panel de código de Personalización de Imágenes de Sendtric, con los botones de alineación, el código de la imagen y el botón «Copiar código»

Paso 4: Añádelo con un bloque HTML

En el editor de arrastrar y soltar de Braze, arrastra el bloque desde el panel de al correo electrónico y pega el código. Usa el bloque HTML en lugar del bloque de imagen, porque Braze no admite Liquid en los bloques de imagen.

Paso 5: Haz una prueba con usuarios reales

En Vista previa y prueba, prueba cómo se ve como usuario que tiene el atributo y como usuario que no lo tiene. En el primer caso debería aparecer su valor; en el segundo, tu alternativa.

Braze por defecto o Sendtric como alternativa

Puedes añadir un valor por defecto en Liquid, como {{${first_name} | default: 'there'}}, o dejar que el texto alternativo de Sendtric se encargue de los valores vacíos. Elige una de las dos opciones. Con un valor predeterminado de Liquid, Sendtric siempre recibe un valor y su texto alternativo nunca se muestra.

Valores largos

El texto se ajusta dentro del recuadro, pero nunca se reduce. Haz que el recuadro sea lo suficientemente alto para el valor más largo que puedas imaginar, como el nombre de una ciudad larga.

Preguntas frecuentes sobre la Personalización de Imágenes de Braze

¿Puedo usar atributos personalizados?

Sí. Usa la sintaxis de atributos personalizados de Braze, {{custom_attribute.${your_attribute}}}, en el campo «ESP Merge Tag» de la capa.

¿Qué ve un usuario que no tiene ese atributo?

Tu texto alternativo. Si no hay una alternativa, esa capa de texto se les ocultará.

¿Funciona en Canvas?

Sí. El código es HTML sin formato y funciona en los pasos y campañas de correo electrónico de Canvas.

¿Puedo modificar el diseño después de enviarlo?

Sí. Al guardar en Sendtric, la imagen se actualiza en todos los correos que la incluyan la próxima vez que los abras.

¿Qué plan me conviene?

La personalización de imágenes funciona en todos los planes; el número de capas de texto dinámicas aumenta según el plan. Consulta precios.

Esta guía trata sobre una de las funciones de personalización de los correos electrónicos de Sendtric Personalización de Email . Para cada imágenes personalizadas , echa un vistazo a la página principal.

Más guías de Braze

¿Usas otra plataforma? Echa un vistazo a todas las integraciones de Sendtric.

Martin Tenev

Martin es Growth Manager y le apasiona todo lo relacionado con el crecimiento y la IA, incluyendo cómo crear campañas de email que conviertan.

Conéctate en LinkedIn

¿Listo para aumentar tus conversiones por email?

Únete a miles de marketers que usan la plataforma de personalización de email de Sendtric para impulsar sus conversiones.