Tutorial: Cómo crear una imagen personalizada en un correo electrónico

Los correos electrónicos personalizados de hoy están llenos de contenido dinámico. Solo eche un vistazo a cuántos correos electrónicos en su bandeja de entrada incluyen contenido personalizado que se adapta a usted. Esto puede ser tan simple como ver su nombre y las recomendaciones de productos más avanzadas, anuncios e incluso imágenes completas.

Este artículo apareció originalmente en nuestro blog hermano Taller de diseño de correo electrónico.

Gracias a una serie de herramientas en línea, agregar contenido dinámico a nuestras campañas de correo electrónico es cada vez más fácil y accesible, como veremos en este taller de diseño de correo electrónico. De hecho, puede tomar cualquier imagen de sus campañas de correo electrónico y convertirla en una imagen dinámica y personalizada. Sus suscriptores verán su propio nombre, como se muestra a continuación con esta imagen de feliz cumpleaños de NiftyImages:

Ejemplo práctico: un correo electrónico de feliz cumpleaños

Tomemos este correo electrónico de feliz cumpleaños de Stitch Fix , una marca de estilismo en línea.

Los cumpleaños son una gran oportunidad para conectarse a nivel personal con sus suscriptores. Les encantará saber que estás pensando en ellos y feliz de ver una oferta personal en su día especial. Si aún no está enviando un correo electrónico de cumpleaños personalizado , ahora es el momento de comenzar, ya que los correos electrónicos de cumpleaños personalizados logran una tasa de clics un 179% más alta en comparación con los correos electrónicos promocionales regulares.

Tomaremos la imagen estática del pastel de cumpleaños del correo electrónico de Stitch Fix y la transformaremos en una imagen dinámica y personalizada que mostrará el nombre de su suscriptor. Así es como se ve el correo electrónico terminado de mi bandeja de entrada con mi nombre, Kelly:

Comencemos con el taller y sigamos nuestro video tutorial:

[post_video_embed url = ”https://www.youtube.com/embed/gYooNhQX57c” height = ”” width = ””]

Paso # 1: diseñe su correo electrónico en el editor de arrastrar y soltar

Vamos a reproducir el diseño del correo electrónico feliz cumpleaños puntada Fix en el editor de arrastrar y soltar. Comience con un diseño de una sola columna y agregue el encabezado, el bloque de imagen y los bloques de texto a continuación.

A continuación, agregue el texto y personalice el botón CTA. También agreguemos un relleno de color HTML turquesa a la imagen, como en el correo electrónico original. Por ahora, sin embargo, dejemos el marcador de posición de la imagen en blanco .

Nuestro diseño está bastante completo. Ahora necesitamos crear la imagen dinámica personalizada de NiftyImages y luego cargarla en nuestro bloque de imágenes en el editor:

Paso # 2: Crea y personaliza tu imagen personalizada con NiftyImages

Si aún no lo ha hecho, cree una cuenta gratuita de NiftyImages para comenzar de inmediato.

Paso # 2.1: Diseña tu imagen personalizada

En la pantalla de bienvenida, seleccione Nueva imagen personalizada .

1. Sube tu propia imagen
2. Elija una plantilla de la biblioteca NiftyImages

Aquí hay un vistazo a las excelentes plantillas de imágenes de cumpleaños que están disponibles:

Como ya tenemos nuestra imagen de cumpleaños del ejemplo de Stitch Fix, carguemos en NiftyImages. Haga clic en el botón [Cargar imagen] en la esquina superior derecha para importar la imagen de Stitch Fix. El texto de personalización predeterminado "Grandes ofertas para nuestros clientes" aparecerá para que lo editemos a continuación.

Usando el menú de la izquierda, podemos personalizar el tamaño y el estilo de la fuente , y el texto en sí. Actualicemos el mensaje para reflejar el tema del cumpleaños:

Por ahora, usaremos FIRSTNAME como marcador de posición para nuestro texto dinámico; Verá cómo personalizarlo para su proveedor de servicios de correo electrónico (ESP) en el siguiente paso.

A continuación, proporcione un texto de respaldo , de modo que cualquier destinatario cuyo nombre no esté en la base de datos de su lista de correo seguirá recibiendo un mensaje completo.

Ahora veamos cómo se ve nuestra imagen de cumpleaños, haciendo clic en el botón [Vista previa] en la esquina superior derecha:

Paso # 2.2: Crea tu URL de imagen dinámica

Seamos un poco técnicos. La imagen de feliz cumpleaños personalizada que diseñamos tiene una URL dinámica especial . Tenga en cuenta que la URL de la imagen tiene el campo de nombre del destinatario como parámetro al final , que es específico de la plataforma de correo electrónico que utilizará para enviar este correo electrónico. Por lo tanto, debe elegir su proveedor de servicios de correo electrónico (ESP) en el menú desplegable. Este es un ejemplo de MailUp, nuestra plataforma de marketing por correo electrónico.

Este paso es muy importante: si la sintaxis de la etiqueta de combinación de nombre es incorrecta, la imagen no funcionará . Cada ESP tiene una sintaxis diferente para las etiquetas de combinación (algunos usan llaves, por ejemplo). El menú desplegable de NiftyImages genera la URL de su proveedor de servicios de correo electrónico (ESP). Entonces, una vez que elija su ESP, copie la URL de la imagen y volvamos al editor. ¡Ya casi hemos terminado!

Aquí hay un video tutorial rápido de NiftyImages sobre cómo generar la URL de imagen dinámica:

[post_video_embed url = ”https://www.youtube.com/embed/uwUxinJaklM” height = ”” width = ””]

Paso # 3: agregue la imagen personalizada a su correo electrónico

En el editor de MailUp, haga clic en el marcador de posición de la imagen para ver el menú de la derecha. Active el botón Imagen dinámica en Propiedades de contenido . Para obtener más información sobre la función de imagen dinámica del editor, consulte nuestro artículo de ayuda sobre cómo usar imágenes dinámicas para temporizadores de cuenta regresiva y contenido personalizado.

Pegue la URL de la imagen de NiftyImages y la imagen de feliz cumpleaños personalizada ahora aparecerá en el editor.

Finalmente, veamos cómo se ve el correo electrónico de feliz cumpleaños recreado de Stitch Fix con la imagen dinámica y personalizada que creamos. Se ve genial, ¿no crees?

Conclusión: diseñe su próximo correo electrónico personalizado

¡Voila! Hemos creado un increíble correo electrónico de feliz cumpleaños personalizado con solo dos herramientas de diseño y en tres sencillos pasos. Por lo tanto, ¡no hay excusa para no probar más personalización en sus campañas de correo electrónico ! Si aún no está utilizando MailUp, regístrese para una prueba gratuita y tenga acceso a plantillas y funciones de diseño adicionales.