Editor de correo electrónico AI
EngageLab ofrece una herramienta de edición de correos visual que admite creación asistida por IA. No necesita escribir código: puede diseñar correos responsivos y optimizados para móviles mediante arrastrar y soltar, y aprovechar la IA para generar borradores iniciales, pulir contenidos, ajustar el diseño y tratar imágenes; antes de enviar, también puede comprobar la visualización en clientes de correo principales mediante la "vista previa de bandeja de entrada".
Inicie sesión en EngageLab Email para crear una plantilla y recibirá 300 puntos gratis.
Crear una plantilla de correo
Al abrir el editor puede comenzar la creación de un correo de tres maneras:
Creación con IA: escriba una instrucción breve; el editor generará el contenido y el diseño del correo como punto de partida, y podrá seguir editando en el área de trabajo.
Crear desde plantilla: puede explorar tarjetas de plantilla, buscar por palabras clave o filtrar por categorías (por ejemplo plantillas básicas, plantillas temáticas, etc.). Al seleccionar una plantilla, podrá modificarla directamente.
Crear importando: admite importar HTML desde otras plataformas. El editor analizará el contenido importado y lo convertirá en secciones editables. Como no todas las estructuras HTML se pueden mapear perfectamente a bloques arrastrables, puede ser necesario ajustar manualmente tras la importación.
Área de trabajo del editor
Ya venga de IA, de una plantilla o de una importación, el editor abrirá el área de trabajo. Aquí es donde se añade contenido, se edita el diseño, se configuran estilos, se previsualiza y se guarda el correo.
1. Zonas principales
| Zona | Qué puede hacer allí |
|---|---|
| Barra superior | Ver/renombrar el correo, ver estado de guardado reciente, deshacer, previsualizar, guardar |
| Navegación izquierda | Cambiar entre modos como "Edición de contenido" y "Herramientas asistidas por IA" |
| Panel de contenido | Arrastrar bloques, secciones o contenidos guardados dentro del correo |
| Lienzo | Editar visualmente el diseño y el contenido del correo |
| Panel de ajustes derecho | Configurar ajustes globales o del bloque seleccionado |
2. Barra superior
Ver o renombrar el correo actual, mostrar el estado de guardado reciente, volver atrás, abrir la previsualización y guardar el correo. Al guardar, el estado y el contenido del correo se escribirán en su cuenta de EngageLab para su uso posterior en envíos o campañas de marketing.
3. Navegación izquierda y panel de contenido
La navegación izquierda ofrece los modos principales del editor; las entradas más comunes incluyen "Edición de contenido" y "Edición asistida por IA".
El panel de contenido contiene herramientas reutilizables de construcción; pestañas habituales:
Bloques: bloques independientes como texto, imagen, botón, divisor, enlaces sociales, temporizador, código, menú, etc.
Secciones: secciones de diseño preconfiguradas que se pueden añadir con un solo clic.
Guardados: contenidos guardados y reutilizables organizados.
4. Panel de ajustes derecho
Este panel varía según el contexto:
Si no hay un bloque seleccionado, muestra ajustes globales del correo: asunto, texto de vista previa, ancho del correo, color de fondo, color de fondo del contenido, tipografía, color de los enlaces, configuración de símbolos de variables, etc.
Si selecciona un bloque o una sección, muestra los ajustes específicos de ese elemento.
5. Lienzo
El lienzo es el área de edición visual, donde puede seleccionar texto/imagen/botón y otros contenidos, reordenar visualmente, editar el diseño y ver los cambios en tiempo real.
6. Previsualizar y guardar
Antes de guardar puede previsualizar el correo; el área de trabajo también incluye comprobación de spam, previsualizaciones en múltiples dispositivos y vista previa en bandeja de entrada.
Bloques y secciones
El editor utiliza un enfoque de construcción "tipo bloques" conformado por tres tipos de elementos.
1. Bloques — La unidad mínima arrastrable de contenido
Al arrastrar un bloque al lienzo, puede configurar su contenido, estilo, espaciado y visibilidad. Bloques comunes:
| Bloque | Uso |
|---|---|
| Texto | Títulos, cuerpo, descripciones y otros textos |
| Imagen | Añadir o reemplazar imágenes |
| Imagen y texto | Combinación de imagen y texto en un diseño |
| Botón | Botones de llamada a la acción |
| Divisor | Separación visual de secciones de contenido |
| Espaciador | Espaciado vertical entre contenidos |
| Redes sociales | Enlaces o iconos de redes sociales |
| Temporizador | Cuenta regresiva para promociones con plazo |
| Código | HTML personalizado o contenido de código |
| Menú | Enlaces de navegación |
| Tabla | Filas y columnas estructuradas |
| Vídeo | Contenido de vídeo o bloque de vista previa de vídeo |
2. Secciones — Conjuntos de diseño preconfigurados
Las secciones son agrupaciones de diseño ya preparadas que ayudan a montar correos más rápido sin añadir bloques uno por uno. Categorías habituales:
Imagen y texto: secciones hero, puntos destacados, presentaciones de producto.
Texto: anuncios, descripciones o mensajes centrados en texto.
Imágenes: galerías, banners, elementos visuales de producto.
Encabezados: logo, navegación, títulos o estructura superior del correo.
Pie de página y firmas: enlaces de pie de página, información del remitente, firmas, zona de baja.
Columnas vacías: diseños de varias columnas personalizables.
Puede arrastrar una sección al lienzo y luego editar los bloques, el diseño y el estilo dentro de ella.
3. Secciones guardadas — Secciones personalizadas y reutilizables
Las secciones guardadas son secciones personalizadas que se mantienen para su reutilización, apropiadas para contenidos recurrentes en varios correos, por ejemplo: encabezados, pies de página, logotipos, textos legales, firmas de marca, bloques promocionales frecuentes, diseños de producto reutilizables, etc. Tras guardarlas, estarán disponibles en la pestaña "Guardados" para uso en cualquier momento, ayudando a que el equipo mantenga la coherencia entre correos de distintas campañas.
Al seleccionar un bloque o una sección en el lienzo, el editor mostrará los controles correspondientes; opciones comunes incluyen: texto, imagen, enlace, color de fondo, borde, radio de esquina, padding, alineación, visibilidad en escritorio/móvil, etc. La configuración de visibilidad a nivel de sección tiene prioridad sobre la configuración de visibilidad de los bloques dentro de ella.
Funciones de IA
Las funciones de IA ayudan a completar el borrador inicial más rápido, pulir contenidos, ajustar el diseño y editar imágenes.
1. Creación con IA
Comience un correo con un prompt: introduzca una necesidad breve (por ejemplo objetivo de la campaña, público, oferta, producto o información) y el editor generará un esquema del correo y posteriormente un correo editable.
Escenarios típicos: correos de bienvenida, boletines informativos, campañas promocionales, recuperación de carritos abandonados, lanzamientos de productos, correos de incorporación para nuevos usuarios, etc.
El proceso de generación con IA se divide en varios pasos:
Introducir el prompt o elegir un ejemplo de briefing;
Confirmar o ajustar el esquema generado;
Seleccionar un tema visual;
Generar el correo;
Editar en el área de trabajo.
En la fase de confirmación del esquema puede ajustar: industria, escenario, longitud de salida, tono, público objetivo, idioma de salida, fuente de imágenes, modelo de imágenes, estilo de imágenes, y otros ajustes. El resultado generado se abrirá como un correo editable convencional y podrá seguir modificándolo con bloques, secciones, ajustes globales y las herramientas de edición de IA.
2. Reescritura con IA
En el área de trabajo puede aplicar IA al contenido o a la sección seleccionada. Soporta seleccionar una sección, un bloque o una imagen para que la IA los optimice. El editor puede ofrecer acciones rápidas, por ejemplo:
| Categoría | Ejemplo de acción |
|---|---|
| Redacción | Mejorar el estilo, corregir ortografía, acortar, ampliar, simplificar, aumentar la sensación de urgencia |
| Diseño | Probar un nuevo diseño, convertir a dos columnas, añadir una llamada a la acción |
| Visual | Hacerlo más visual, añadir imágenes |
La reescritura con IA es especialmente útil cuando ya hay un borrador y se quiere mejorar una parte concreta sin rehacer todo el correo.
3. Diálogo con IA
El panel de IA ofrece una interfaz tipo chat para interactuar con la IA. Puede introducir instrucciones como:
Convierte esta sección a un diseño de dos columnas;
Reescribe el titular para que suene más urgente;
Añade una llamada a la acción a esta sección;
Haz que la imagen encaje mejor con un boletín tecnológico.
El panel mostrará tanto la versión antes como después de la modificación, y podrá comparar los resultados antes de aplicar los cambios.
4. Edición de imágenes con IA
Al seleccionar una imagen, el editor puede ofrecer operaciones asistidas por IA, por ejemplo:
Eliminar el fondo;
Aumentar la resolución;
Eliminar texto de la imagen;
Generar o reemplazar contenido de la imagen según un prompt.
