Ir al contenido principal

Añadir texto personalizado a imágenes

¿Cómo añadir texto a imágenes en lemlist para crear emails personalizados que convierten? 🎨

Objetivo de aprendizaje

Al final de esta guía, sabrás cómo añadir elementos de texto a imágenes personalizadas en lemlist, personalizar el texto con variables ({{firstName}}, {{companyName}}), personalizar el estilo del texto y guardar Templates de imagen para reutilizarlos en campañas.

¿Por qué es importante?

El texto en las imágenes crea una personalización visual muy potente. En lugar de solo insertar {{firstName}} en el cuerpo del email, puedes mostrarla en un gráfico personalizado, una captura de pantalla o una imagen con tu marca. Esto capta la atención, hace que la personalización sea imposible de pasar por alto y demuestra un esfuerzo adicional. El texto personalizado en imágenes puede aumentar significativamente la interacción porque es visualmente llamativo y, a menudo, tiene más impacto que las variables de texto simple por sí solas.

Requisitos previos

Antes de empezar:

  • Una campaña creada con al menos un paso de email

  • Conocimientos básicos de las imágenes personalizadas en lemlist

  • Datos de Leads con las variables que quieres mostrar ({{firstName}}, {{companyName}}, etc.)

Paso 1: Accede al editor de imágenes personalizadas

Ve a tu campaña

  1. Ve a Campaigns y abre la campaña que quieres editar.

Abre la campaña desde la página Campaigns

Abre las imágenes personalizadas

  1. En el editor del paso de email, haz clic en + Add y selecciona Custom media.

Haz clic en Add y selecciona Custom media
  1. En la ventana emergente de personalización, haz clic en Create an image.

Crea una nueva imagen personalizada

💡 Punto de partida: si ya tienes un Template con un fondo o un logotipo configurado, puedes usarlo. Si no, crea una nueva imagen y diséñala desde cero.


Paso 2: Añade un elemento de texto a la imagen

Inserta texto

  1. En el editor de imágenes, haz clic en Add element y elige Text.

Haz clic en Add element en el editor de imágenes
Elige Text como tipo de elemento
  1. Escribe el texto que quieres mostrar en la imagen.

Introduce el texto en el elemento de texto

Coloca el texto

  1. Haz clic y arrastra el cuadro de texto a la posición deseada.

  2. Si es necesario, cambia el tamaño del cuadro de texto arrastrando las esquinas.

  3. Colócalo donde debe aparecer el texto en la imagen.

💡 Consejo de diseño: las ubicaciones habituales incluyen la parte superior central para los titulares, la zona inferior para nombres o empresas, o una zona focal despejada de la imagen.


Paso 3: Personaliza el contenido y el estilo del texto

Añade variables para la personalización

En tu texto, puedes incluir:

  • Texto estático: “Hola”

  • Variables: {{firstName}}, {{companyName}}, {{customVariable}}

  • Texto combinado: “Hola {{firstName}}, echando un vistazo a {{companyName}}”

Ejemplos de combinaciones de texto:

  • “¡Hola {{firstName}}!”

  • “Hecho para {{companyName}}”

  • “{{firstName}}, aquí tienes tu demo personalizada”

  • “Oferta exclusiva para {{companyName}}”

Para insertar otra variable en tu texto, haz clic en Add {custom variable}.

Añade una variable personalizada al elemento de texto

💡 Los nombres de las variables deben coincidir: si los datos de tus Leads tienen un campo llamado company, usa {{company}}, no {{companyName}}. Comprueba los nombres exactos de los campos en tu CSV o en las propiedades del Lead.


Aplica estilo a tu texto

Usa el panel de estilo del lado derecho para personalizar la apariencia de tu texto, incluidos el color, la familia de fuente, el estilo de fuente, el grosor de fuente, el tamaño de fuente y la alineación.

Usa el panel de estilo de texto de la derecha

💡 La legibilidad es importante: asegúrate de que tu texto contraste claramente con el fondo para que sea fácil de leer.


Añade varios elementos de texto (opcional)

Para añadir más texto:

  1. Vuelve a hacer clic en Add element

  2. Elige Text

  3. Añade otro cuadro de texto y aplícale el estilo que necesites

Diseños habituales con varios textos:

  • Titular + subtítulo

  • Nombre de la empresa + mensaje personalizado

  • Llamada a la acción + texto de apoyo


Paso 4: Guarda y usa tu imagen

Guarda como Template o inserta la imagen

  1. Cuando tu diseño esté listo, haz clic en Save as template si quieres reutilizarlo más adelante, o haz clic en Use this image para insertarlo en el email de inmediato.

Guarda la imagen como Template o úsala en el email

💡 Biblioteca de Templates: los Templates guardados aparecen en la sección Custom Images para que puedas reutilizarlos en futuras campañas.


Verifica la imagen en tu email

  1. Después de insertar la imagen, confirma que aparece correctamente en tu paso de email.

Vista previa de la imagen personalizada insertada en el editor de emails

Buenas prácticas para el texto en imágenes

Usa poco texto - 1–2 frases cortas como máximo. Demasiado texto en las imágenes es difícil de leer y se ve recargado.

Usa un contraste alto - Texto oscuro sobre fondos claros o texto claro sobre fondos oscuros. Evita las combinaciones de bajo contraste.

Elige fuentes legibles - Las fuentes limpias y sencillas funcionan mejor que las decorativas en las imágenes de email.

Usa un tamaño adecuado - El texto debe ser lo bastante grande para leerse en dispositivos móviles. Prueba con los anchos de email habituales para garantizar la legibilidad.

Personaliza de forma estratégica - Usa {{firstName}} o {{companyName}} donde resulte natural.

Limita las variables por imagen - 1–3 variables como máximo. Demasiados campos personalizados pueden recargar el diseño y descolocar los elementos.

Prueba con nombres largos - Revisa la vista previa con Leads que tengan nombres o nombres de empresa largos para asegurarte de que el texto no se desborde.

Mantén una marca coherente - Usa los colores de tu marca y tus fuentes preferidas en todos los Templates para lograr un aspecto uniforme.

Redacta textos que funcionen sin la variable - Si una variable puede estar vacía, escribe un texto que siga sonando natural.


Casos de uso habituales del texto en imágenes

Imágenes de bienvenida personalizadas - “Hola {{firstName}}, ¡te damos la bienvenida!” con un fondo de tu marca

Visuales específicos para cada empresa - “Hecho para {{companyName}}” con una captura de pantalla de su sitio web

Invitaciones a eventos - “{{firstName}}, te invitamos” en un gráfico del evento

Demos de producto - “Demo personalizada para {{companyName}}” con una captura de pantalla del producto

Gráficos de logros - “¡Felicidades {{firstName}}!” con un diseño de celebración

Citas con tu marca - “{{firstName}}, aquí tienes una idea para ti” con estilo de cita

Vistas previas de sitios web - “Echando un vistazo a {{companyName}}” sobre una captura de pantalla de su sitio web


Solución de problemas

Problema: la variable se muestra como {{firstName}} en lugar del nombre real

Causa: La variable no está escrita correctamente.

Solución: Verifica que la sintaxis de la variable sea correcta. Si faltan llaves o el nombre del campo no coincide con tus datos, la variable no se mostrará.


Problema: el texto se desborda o se corta

Causa: El cuadro de texto es demasiado pequeño o el contenido de la variable es más largo de lo esperado.

Solución: Cambia el tamaño del cuadro de texto, reduce el tamaño de la fuente y prueba con nombres o nombres de empresa largos.


Problema: el texto es difícil de leer en la imagen

Causa: Poco contraste entre el texto y el fondo.

Solución: Cambia a un color de texto de alto contraste y usa una zona del fondo más despejada.


Problema: el estilo del texto no se guarda

Causa: La imagen o el Template no se guardó después de los cambios.

Solución: Haz clic en Save as template después de hacer cambios. Si es necesario, actualiza el navegador y vuelve a guardar.


Problema: varios elementos de texto se superponen

Causa: Los cuadros de texto están demasiado juntos.

Solución: Separa los cuadros de texto y ajusta el tamaño o la alineación.


Consejos de optimización

Crea variaciones de Templates de texto - Diseña varias versiones con distintas ubicaciones para ver cuál funciona mejor.

Adapta el texto al objetivo de la campaña - Usa mensajes de bienvenida para el Onboarding, textos centrados en los beneficios para ventas y textos de estilo evento para invitaciones.

Usa el color de forma estratégica - Resalta las palabras personalizadas importantes y mantén limpio el resto del diseño.

Prueba el tamaño del texto en dispositivos móviles - Envíate un email de prueba y asegúrate de que el texto se lea bien en un teléfono.

Combínalo con elementos visuales potentes - El texto personalizado funciona especialmente bien en capturas de pantalla, gráficos con tu marca o visuales de producto.

Haz un test A/B de los niveles de personalización - Compara una personalización más ligera con una más intensa para encontrar el enfoque con mejores resultados.

Mantén la coherencia de marca - Reutiliza las mismas fuentes, colores y diseño general en todos los Templates.

¿Ha quedado contestada tu pregunta?