Cómo añadir Imágenes Basadas en Reglas a Iterable

Handlebars decide el contenido cuando Iterable lo envía. Una imagen basada en reglas vuelve a decidirlo cada vez que se abre el correo, usando la hora, el dispositivo o tus campos de usuario.

Añade decisiones de «tiempo abierto» a tus plantillas de Iterable.

Con Sendtric Imágenes Basadas en Reglas, una ranura de imagen de tu plantilla de Iterable puede contener varias imágenes, cada una con sus propias condiciones. Cada vez que se abre el correo, Sendtric comprueba las condiciones de arriba abajo y muestra la primera imagen que cumpla con ellas. Las condiciones pueden basarse en la fecha, el día, la hora, el dispositivo, el sistema operativo, el cliente de correo o el valor de un campo de Iterable.

El editor de Imágenes Basadas en Reglas de Sendtric, en el que se muestran dos imágenes, sus condiciones de visualización y una imagen alternativa

Iterable ya gestiona mucho contenido condicional con los ayudantes de Handlebars, como #ifEq, y estos se evalúan cuando se genera el mensaje para enviarlo. Usa Handlebars para las opciones que se deciden en el momento del envío, y unas Imágenes Basadas en Reglas para todo aquello que dependa de cuándo o en qué dispositivo lea realmente el usuario el correo electrónico.

Qué puedes hacer con las imágenes basadas en reglas en Iterable

  • Indicaciones para la descarga de aplicaciones: muestra el icono de la App Store en el iPhone y el de Google Play en Android, en un solo espacio para imágenes.
  • Ofertas que se rigen por la hora: en una aplicación de reparto de comida o de compras online, se muestra una oferta de almuerzo antes de las 14:00 y una de cena después de las 17:00, según la zona horaria del usuario.
  • Imágenes de planes o niveles: elige el banner de un campo del perfil como plan o tier, sin anidar bloques de Handlebars alrededor de varias imágenes.
  • Idea creativa para el fin de semana: una campaña recurrente que muestra un banner diferente los sábados y los domingos.

Las reglas de texto y de sistema operativo funcionan en todos los planes; las reglas de fecha y hora están disponibles a partir del plan Estándar, y las reglas de dispositivos y las comparaciones de números requieren el plan Power. Cada imagen puede contener 2 fotos en el plan Gratis, 4 en el plan Micro, 10 en el plan Estándar e ilimitadas en los planes Power y Enterprise. Una imagen alternativa requiere el plan Micro o superior. Consulta precios.

Cómo añadir una imagen basada en reglas a Iterable

Paso 1: Añade tus imágenes, empezando por las más específicas

En Sendtric, ve a Imágenes Basadas en Reglas, haz clic en «Crear nueva» y usa Añadir imagen para cada opción. Gana la primera coincidencia y las imágenes no se pueden reordenar después, así que añade primero la más específica y las más generales al final.

Paso 2: Escribe las condiciones

Haz clic en Actualizar condiciones en cada imagen para abrir Mostrar esta imagen. Elige todas las condiciones (Y) o cualquier condición (O) y añade tantas como necesites. Para las condiciones de etiquetas de fusión, elige texto, número o fecha. Añade una imagen alternativa para las aperturas que no coincidan con ninguna.

La ventana «Mostrar esta imagen» en Sendtric, con la opción «Y» o «O» y dos condiciones

Para ver las reglas horarias de la zona de cada usuario, selecciona «Zona horaria dinámica» y usa un campo «Iterable» que contenga nombres de zonas, como Europe/Berlin. Si el valor está en blanco o no es válido, se utilizará el UTC por defecto.

Paso 3: Guarda, copia y comprueba los marcadores de posición

Guarday, a continuación, haz clic en Copiar código. Cada condición de etiqueta de fusión añade un parámetro a la dirección de la imagen con un marcador de posición entre llaves dobles. Iterable usa las mismas llaves, así que sustituye cada marcador de posición por el nombre exacto de tu campo de Iterable, por ejemplo {{tier}}. Un marcador de posición que no coincida con un campo real no se verá mal en el editor, simplemente se mostrará vacío.

El cuadro de código de imagen basado en reglas de Sendtric con el parámetro de etiqueta de fusión en la URL de la imagen

Paso 4: Pégalo en la plantilla

Haz clic en Editar diseño en tu plantilla de Iterable. En el editor de arrastrar y soltar, arrastra un bloque HTML desde la sección pestaña «Contenido» y pega el código en su editor HTML. Para colocar la imagen junto al texto, añade una fila de dos columnas desde la pestaña «Filas» y coloca el bloque HTML en una de ellas.

El editor de arrastrar y soltar de Iterable, con el bloque HTML resaltado en la pestaña «Contenido» y arrastrado a la plantilla

Paso 5: Simula y, a continuación, previsualiza

En Sendtric, la función «Vista previa» te permite simular una fecha, una hora, un dispositivo, un cliente de correo electrónico y valores de campo sin usar vistas. En Iterable, abre «Vista previa» y carga los datos de usuario para un par de usuarios y comprueba que los valores de los campos llegan a la dirección de la imagen.

Cada imagen necesita una condición

Una imagen sin condiciones se omite, aunque esté al final de la lista. Para una imagen que quieras que «se muestre a todos los demás», usa la slot de imagen alternativa .

Gmail y la detección de dispositivos

Gmail carga las imágenes a través de sus propios servidores, lo que oculta el dispositivo del lector, así que es probable que esas aperturas se contabilicen como de ordenador. Cuando la elección sea realmente importante, usa un campo de Iterable en el que confíes en lugar de una regla de dispositivo.

Preguntas frecuentes sobre las Imágenes Basadas en Reglas

¿Por qué no usar simplemente las condiciones de Handlebars?

Handlebars es la mejor opción cuando ya se conoce la respuesta en el momento del envío. No puede reaccionar al momento en que se abre el correo, al dispositivo en el que se lee ni a una fecha posterior al envío. Una imagen Basada en Reglas se vuelve a determinar cada vez que se abre el correo.

¿Puedo usar una fecha de un evento de Iterable?

Sí, con una condición de fecha en una etiqueta de fusión (en la versión Standard y superiores). Se aceptan fechas escritas en formato AAAA-MM-DD, MM/DD/AAAA, RFC 3339 o segundos Unix.

¿Puede una de las opciones ser otro widget de Sendtric?

Sí. El selector de imágenes tiene pestañas para tus temporizadores, imágenes personalizadas y widgets del Clima, así que una regla puede cambiar, por ejemplo, entre una cuenta atrás y un banner estático. Mira cómo colocar un widget dentro de otro.

¿Qué ven los usuarios si no hay ningún resultado?

La imagen alternativa, si has añadido alguna. Si no, se mostrará una imagen invisible de 1 por 1 píxel, para que no aparezca el icono de imagen rota.

¿Las condiciones del texto tienen en cuenta las mayúsculas?

No. Las condiciones de texto no distinguen entre mayúsculas y minúsculas, así que un tier valor como «Gold» o «gold» cumple la misma regla.

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 Basadas en Reglas , echa un vistazo a la página principal.

Más guías de Iterable

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