Banners de email que se actualizan al abrir.
Un playbook para banners de email en vivo: muestra imágenes, ofertas y cuentas atrás que reflejan datos en tiempo real en el momento en que se abre cada email.
Empieza ahora →1Guía: banners de email en tiempo de apertura
Este proceso te permite incrustar un banner HTML dinámico en cualquier plantilla de email de terceros. A diferencia de las imágenes estáticas estándar, estos banners cambian basándose en quién abre el email y cuando lo abren. Para empezar, selecciona el "Añadir banner personalizado a emails de terceros" asistente.
Prerrequisitos
Para entregar banners segmentados, debes tener:
- Código de seguimiento: El tracker de Personyze instalado en tu sitio para capturar el comportamiento y la ubicación del usuario.
- Identificación de usuario: Un método para enlazar al destinatario del email con su perfil en el sitio (p. ej., pasando
?utm_email=user@test.comal hacer clic o capturando datos de login). - Datos/Feed (opcional): Solo necesario si quieres extraer imágenes de productos dinámicamente; de lo contrario, las imágenes estáticas funcionan bien para banners.
Ejemplos del mundo real
- Basado en ubicación: Si el visitante es de Nueva York, renderiza un banner mostrando el Empire State Building con un overlay de texto "Conócenos en NYC".
- Basado en industria: Si el usuario está marcado como "Salud" en tu CRM, muestra un banner con un caso de estudio médico en lugar de un producto genérico.
- Estado de la cuenta: Si el usuario es un "Plan gratuito" suscriptor, muestra un banner "Actualizar a Pro - 20% de descuento". Si ya son "Pro", muestra "Nuevas funciones lanzadas".
- Basado en clima: Si actualmente está lloviendo en la ubicación del usuario, muestra un banner promocionando paraguas o impermeables.
Resumen paso a paso
- Selecciona el asistente: Elige la opción "Añadir banner personalizado".
- Diseño: Crea el layout de tu banner (Imagen principal, botón CTA, Texto).
- Objetivo: Define reglas (Ciudad, Industria, Tipo de cuenta) para intercambiar elementos de contenido.
- Identificar: Elige cómo reconocer al usuario (Email/ID de CRM) para que las reglas de segmentación se apliquen.
- Incrustar: Obtén el código, rellénalo con variables dinámicas (Merge Tags) y pégalo en tu email.
- Analizar: Mide vistas, clics y conversiones post-clic.
2Diseño y segmentación condicional
El poder de los banners en tiempo de apertura reside en Contenido condicional. Puedes cambiar cualquier aspecto del aspecto y contenido de la plantilla basándote en los datos del usuario.
1. Diseñar la plantilla
Usa el editor WYSIWYG o las herramientas de IA para construir la estructura base de tu banner. Asegúrate de que sea responsive y coincida con las pautas de tu marca.
2. Aplicar reglas de segmentación (casos de uso)
Define la lógica para personalizar la experiencia. Ejemplos:
- Por ubicación: "Si el visitante es de Nueva York, muestra la imagen de fondo 'Empire State Building'."
- Por tipo de cuenta: "Si el usuario es Plan gratuito, cambia el texto del CTA a 'Actualizar a Pro'."
- Por industria: "Si el usuario es de Salud, muestra el banner 'Caso de estudio médico'."
Nota: Si ninguna regla coincide, se muestra un banner "Predeterminado". Esto también es útil si solo quieres incrustar un banner para control de contenido remoto y seguimiento sin personalización.
3Reconocimiento de usuario y sincronización de datos
Para que las reglas de segmentación (Ciudad, Industria, etc.) funcionen, Personyze debe saber quién abre el email.
Requisito: captura de datos del sitio
El Email o ID de CRM pasado en el enlace del email debe coincidir con un perfil de usuario en Personyze. Esto significa que debes tener Personyze configurado para "capturar" el email/ID del usuario durante sus visitas al sitio (vía formularios de login, parámetros de URL o cookies).
Opciones de reconocimiento
- Email / ID de CRM: El método estándar para personalización 1:1. Permite la segmentación basada en historial y atributos individuales.
- Ninguno (anónimo): Si no pasas un ID, el banner mostrará el Predeterminado diseño. Esto sigue siendo valioso para:
- Control remoto: Actualiza la imagen del banner desde Personyze sin cambiar el código del email.
- Seguimiento de rendimiento: Mide vistas y clics de forma centralizada.
4Obtener e incrustar el código
Una vez que tu diseño y reglas estén establecidos, genera el snippet HTML.
1. Copiar el código
Recibirás un bloque HTML que contiene enlaces de imágenes dinámicas. Estos enlaces apuntan a los servidores de Personyze para renderizar el banner en el momento de la apertura.
2. Rellenar variables dinámicas
Para habilitar la personalización, debes rellenar dinámicamente el código con la dirección de email del destinatario usando los Merge Tags.
Encuentra el placeholder
email=REPLACE_ME en el código.Mailchimp: Cambia a
email=*|EMAIL|*Klaviyo: Cambia a
email={{ email }}Salesforce: Cambia a
email=%%emailaddr%%
5QA y vista previa
Verifica tu lógica de segmentación antes de enviar la campaña.
Paso de simulación
- Ve al Paso de QA en el asistente.
- Inserta un Email del usuario o ID de CRM.
- Personyze generará una vista previa del banner exactamente como ese usuario lo vería.
Caso de prueba: Introduce el email de un cliente conocido del sector "Salud". ¿Cambia el banner a la imagen de "Caso de estudio médico"?
6Rendimiento y analítica
Personyze rastrea el embudo completo desde la apertura del email.
Funciones de seguimiento
- Parámetros UTM: En el editor de plantillas, puedes envolver cada enlace con UTMs únicos (p. ej.,
utm_campaign=winter_sale_banner) para pasar datos a Google Analytics. - Panel de Personyze: Ver métricas internas incluyendo:
- Vistas: Número de veces que se cargó el banner.
- Clics: Número de clics en el banner.
- Conversiones: Objetivos alcanzados (compras, registros) durante la sesión después el visitante hizo clic en el email.
7Ejemplo: Banner Retail / E-Commerce
Un banner "Oferta flash" que se adapta a la ubicación y el historial de compras del usuario.
Paso 1: Actividad del visitante
Visitante Mike (mike@example.com) visita tu sitio desde Londres.
- Datos capturados: Ubicación (Londres, UK), Clima (Lluvioso), Última categoría vista (Chaquetas).
Paso 2: La campaña de email
Envías un email genérico de "Actualización semanal" a toda tu lista.
Paso 3: Renderizado en tiempo de apertura
Mike abre el email. El widget de banner de Personyze comprueba su perfil.
Una imagen principal con Impermeables con el texto "¡Mantente seco en Londres!" (Regla: Ubicación + Clima).
Paso 4: Métrica de rendimiento
Mike hace clic en el banner.
- Métrica: Se registra "Clic en banner".
- Métrica: Se atribuye "Compra" si Mike compra un impermeable en esa sesión.
8Ejemplo: Banner B2B / SaaS
Segmentar usuarios basándose en su estado de cuenta (Gratis vs. Pro).
Paso 1: Actividad del visitante
Usuario Jane (jane@company.com) inicia sesión en tu plataforma SaaS.
- Datos capturados: Estado de la cuenta = "Plan gratuito", Industria = "Marketing".
Paso 2: La campaña de email
Envías un "Newsletter de producto" mensual.
Paso 3: Renderizado en tiempo de apertura
Jane abre el email.
Un banner de alto contraste que dice: "Desbloquea funciones Pro para equipos de Marketing - 20% de descuento hoy". (Regla: Estado de cuenta = Gratis Y Industria = Marketing).
(Nota: Un usuario "Pro" que abra el mismo email vería un banner de "Tutoriales avanzados").
Paso 4: Métrica de rendimiento
Jane hace clic y actualiza.
- Métrica: Se rastrea "Conversión de objetivo" (Actualización) en el panel de Personyze.
Preguntas del playbook, respondidas.
Preguntas habituales sobre banners de email en tiempo de apertura. Para cualquier otra cosa, nuestro equipo está a un mensaje de distancia.
¿Cómo cambia el banner del email en tiempo real?
El banner es un enlace de imagen HTML que apunta a los servidores de Personyze. Cuando se abre el email, comprobamos el perfil o contexto del usuario (p. ej., ubicación) y generamos la imagen correcta instantáneamente. Esto significa que el contenido se decide en el momento de apertura, no cuando pulsas enviar.
¿Necesito cambiar mi plantilla de email para cada campaña?
No. Una vez que incrustas el código de Personyze en tu plantilla, puedes cambiar la imagen del banner, el texto o las reglas de segmentación directamente desde el panel de Personyze. El contenido del email se actualizará automáticamente sin que necesites editar el código HTML de nuevo.
¿Puedo segmentar basándome en el clima?
Sí. Personyze puede detectar la ubicación del usuario que abre el email (vía IP) y comprobar el clima local. Puedes establecer reglas como "Si llueve, muestra el banner del paraguas", personalizando efectivamente el contenido basándose en el entorno inmediato del usuario.
¿Qué pasa si Personyze no reconoce al usuario?
Si el ID de usuario falta o el usuario es desconocido, Personyze mostrará el Banner predeterminado que diseñaste. Esto asegura que no aparezcan imágenes rotas y permite seguir usando el banner para anuncios generales.
¿Funciona en móvil?
Sí. Las plantillas creadas en el editor de Personyze son responsive. La generación de imágenes se ajusta para asegurar que el banner se vea correctamente tanto en escritorio como en dispositivos móviles.
¿Puedo usar GIFs animados?
Sí. Puedes subir GIFs como tu creatividad del banner. Esto es particularmente útil para Cuentas atrás (p. ej., cuenta atrás hasta el final de una oferta), que se generan en vivo en el momento de la apertura.
¿Cómo enlazo el banner a páginas específicas?
En el paso de Diseño, defines el URL de destino específico para el banner. También puedes hacerlo dinámico—por ejemplo, si el banner muestra una categoría de producto específica, el enlace dirigirá al usuario a esa página de categoría.
¿Puedo usar datos de CRM para segmentar el banner?
Sí. Si sincronizas datos de CRM (como "Industria", "Estado de la cuenta" o "Género") con Personyze, puedes crear reglas para mostrar diferentes banners a diferentes segmentos (p. ej., "Muestra el banner B2B a clientes de 'Manufactura'").
¿Necesito ser desarrollador para configurar esto?
No. Todo el proceso usa un asistente paso a paso. Diseñas el banner usando un editor visual, estableces las reglas usando menús desplegables y luego simplemente copias y pegas el código generado en tu proveedor de email.
¿Cómo pruebo si las reglas están funcionando?
Usa el QA y vista previa paso en el asistente. Puedes introducir una dirección de email específica (p. ej., un usuario de prueba de una ciudad específica) y ver exactamente qué variante del banner se renderiza para él.
¿Funciona con Mailchimp / Klaviyo / Salesforce?
Sí. La salida es HTML estándar que funciona con casi todos los principales proveedores de servicios de email (ESPs). Solo necesitas intercambiar el placeholder en el código con el merge tag específico de tu ESP (p. ej., *|EMAIL|*).
¿Puedo hacer pruebas A/B de diferentes banners?
Sí. Puedes configurar una prueba A/B dentro de Personyze para mostrar dos diseños diferentes de banner al mismo segmento de audiencia y medir cuál genera más clics o conversiones.
¿Qué métricas puedo seguir?
Personyze rastrea Vistas (cuántas veces se abrió el email), Clics en el banner, y Conversiones (compras u objetivos completados en el sitio después del clic).
¿Puedo superponer texto sobre la imagen del banner?
Sí. El editor WYSIWYG te permite añadir capas de texto sobre tu imagen de fondo. Este texto te permite incluir variables dinámicas como el nombre del usuario o un código de cupón directamente en la imagen.
¿El banner caduca?
Puedes establecer reglas de programación en Personyze. Por ejemplo, puedes configurar un banner para que deje de mostrarse después de una fecha específica (p. ej., "La oferta termina el viernes"). Si un usuario abre el email después de esa fecha, verá el banner alternativo/predeterminado en su lugar.
Haz que cada apertura sea fresca.
Tienes el playbook completo: ahora muestra banners en vivo y en tiempo real que se actualizan en el momento en que se abre cada email.