El correo electrónico es el canal principal para comunicarse con su audiencia, por lo que sus correos electrónicos deben verse geniales y reflejar su marca.
El Editor de correos electrónicos de Omnisend simplifica el diseño con herramientas de arrastrar y soltar, plantillas predefinidas y diseños móviles primero – no se necesitan habilidades de diseño.
En este artículo, aprenderás cómo acceder al Editor de correos electrónicos, elegir una plantilla, agregar diseños y elementos, y guardar tu diseño.
Antes de empezar
Usa un escritorio o laptop. El Editor de correos electrónicos no está optimizado para dispositivos móviles y puede no funcionar correctamente en pantallas pequeñas.
Configura Activos de Marca una vez para aplicar automáticamente tu logo, colores y estilos de botón a cada correo electrónico. Aprende más sobre los Activos de Marca.
Explora los artículos disponibles (texto, imágenes, botones, productos, etc.) en esta guía.
Consulta las Preguntas frecuentes del Editor de correos electrónicos para preguntas comunes.
Accediendo al Editor de correos electrónicos
El Editor de correos electrónicos se puede acceder a través de Campañas o Flujos de trabajo de automatización:
A través de Campañas:
Ve a Campañas → Crear campaña → Crear correo electrónico.
Ingresa tu línea de asunto, nombre del remitente y correo electrónico del remitente.
Haz clic en Elegir plantilla de correo electrónico para abrir el Editor de correos electrónicos.
A través de Automatizaciones:
Ve a Automatización → + Nuevo Flujo o selecciona un flujo existente.
Agrega o edita un paso de Correo electrónico en tu flujo.
Haz clic en Editar contenido o Elegir plantilla de correo electrónico para abrir el Editor de correos electrónicos.
Paso 1. Elige la Plantilla
Explora plantillas de correo electrónico diseñadas para móviles o filtra por objetivo (Bienvenida, Promoción, Lanzamiento de Producto, etc.) para encontrar la que se ajuste a tus necesidades.
Para construir desde cero: Filtrar por Otros Objetivos y elegir el HTML plantilla. Luego agrega tus propios Diseños y Elementos desde la barra lateral izquierda.
Para crear correos electrónicos solo de texto, sin diseño, utiliza el editor de correos electrónicos solo de texto.En el paso de Plantilla de correo electrónico, selecciona Solo texto.
💬 Aprende más: Crea correos electrónicos solo de texto.
Paso 2. Comienza a construir tu Correo electrónico
⚠️ Importante: Siempre agrega un Diseño primero desde la pestaña de Diseños a la izquierda. Los elementos (texto, imágenes, botones) deben colocarse dentro de los diseños. Si el arrastrar y soltar no funciona, verifica que hayas agregado un diseño primero.
Cómo agregar un diseño
Haz clic en Agregar elementos a la izquierda.
Cambia a la pestaña Diseños.
Arrastra un diseño (una columna, dos columnas, etc.) al lienzo.
Cómo agregar elementos
Reabre Agregar elementos a la izquierda.
Arrastra elementos (texto, imagen, botón, etc.) a las secciones de tu diseño.
Nota: El Listado de Productos y Los bloques de Recomendador de Productos son excepciones – arrástralos directamente sobre el lienzo del correo electrónico, no dentro de una sección de columna de diseño. Estos son bloques independientes de ancho completo que no pueden ser colocados dentro de columnas.
🔁 Consejo: Consulta esta guía para aprender sobre todos los elementos disponibles.
Personaliza tu diseño
Controles de la izquierda (íconos en el diseño): Duplicar, eliminar, mover o guardar todo el diseño.
Controles de la derecha (íconos en elementos individuales): Mover, eliminar, guardar o estilizar un elemento específico.
Cambiar entre Vistas de Escritorio y Móvil
Cambia entre vistas de escritorio y móvil directamente en el editor para ver cómo se renderiza tu correo electrónico en cada dispositivo.
Para cambiar de vista:
1. Localiza el interruptor de dispositivo en la barra de herramientas superior (junto al botón de deshacer).
2. Haz clic en el ícono para cambiar entre:
- Escritorio (ícono de monitor) – Vista de edición predeterminada
- Móvil (icono de teléfono) – Vista de edición de diseño móvil
El lienzo se redimensiona instantáneamente. Puedes editar tu correo electrónico en cualquiera de los modos.
[1m[0m[1mNota[0m: La vista móvil muestra solo contenido estático. Los elementos dinámicos (nombres de contacto, recomendaciones de productos) no se mostrarán. Usa Vista previa y prueba para ver contenido dinámico y modo oscuro. [1m[0m[1mAprende más[0m: Editar correos electrónicos en vista móvil y de escritorio.
Paso 3. Diseña tu correo electrónico
Usa el panel de Configuración del correo electrónico a la derecha para estilizar tu correo electrónico:
Ancho: Ajusta el ancho del lienzo (predeterminado: 600px).
Colores: Establecer colores de fondo y del lienzo. Usa el selector de color para ingresar un valor hex o muestra cualquier color directamente desde tu correo electrónico usando el cuentagotas.
Botones: Elegir estilo de botón (redondeado, bordes afilados, etc.).
Puedes cambiar el ancho del
y ajustar la configuración del tema, incluidos los colores de fondo y del lienzo en la configuración de fondo y el estilo de los botones en la configuración de botones.
Deshacer/Rehacer
Utiliza los botones de deshacer/rehacer en la esquina superior derecha. Pasos de deshacer ilimitados te permiten revertir al principio.
Nota: El historial de deshacer se restablece si recargas la página. Guarda tu
regularmente para evitar perder progreso.
4A1 Atajos de teclado
Acelera tu edición con estos atajos:
Acción | Windows | Mac |
Eliminar bloque o sección activa | Retroceso / Suprimir | Retroceso / Eliminar |
Borrar selección | Esc | Esc |
Duplicar bloque o sección | Ctrl + D | Cmd + D |
Copiar bloque o sección | Ctrl + C | Cmd + C |
Cortar bloque o sección | Ctrl + X | Cmd + X |
Pegar desde el portapapeles | Ctrl + V | Cmd + V |
Deshacer | Ctrl + Z | Cmd + Z |
Rehacer | Shift + Ctrl + Z | Shift + Cmd + Z |
Dejar espacios intencionadamente
Puedes dejar secciones de diseño vacías para crear diseños enfocados e intrincados.
Configuraciones de visibilidad
Mostrar u ocultar elementos específicos en móvil vs. escritorio para mejor capacidad de respuesta.
¿Por qué optimizar por separado?
Mejor legibilidad: Redimensiona fuentes y botones para una interacción más fácil en móvil.
Control de diseño mejorado: Usa diferentes tamaños de imagen o espaciado de texto en móvil.
Mayor compromiso: Los correos electrónicos móviles bien optimizados mejoran las tasas de clics.
Identifica los elementos clave que necesitan ajuste
Las imágenes, la alineación del texto y los tamaños de los botones pueden aparecer de manera diferente en móvil vs. escritorio.
Si un correo electrónico se ve bien en un escritorio pero no en móvil, considera usar elementos separados para diferentes dispositivos
Cómo establecer visibilidad
Haz clic en el elemento que deseas ajustar.
Ve a Diseño (panel derecho) → Configuraciones de visualización.
Elige:
Todos los dispositivos (predeterminado)
Solo dispositivos móviles
Solo dispositivos de escritorio
💡 Consejo: Usa el Herramienta de vista previa para verificar cómo aparece tu correo electrónico en escritorio y móvil.
Paso 4. Guarda tu diseño
Guardar como plantilla
Haz clic en el menú desplegable en la esquina superior derecha. Selecciona Guardar como plantilla.
Nombra tu plantilla.
Las plantillas guardadas aparecen bajo Plantillas Guardadas cuando creas una nueva campaña o automatización.
Guardar diseños o elementos individuales
Guardar todo el diseño: Haz clic en el Guardar icono a la izquierda (controles de diseño).
Guardar un solo elemento: Haz clic en el Guardar icono a la derecha (controles de elementos).
Encuentra diseños y elementos guardados en la pestaña Biblioteca.
Solución de problemas
¿No funciona el arrastrar y soltar?
Agrega un diseño primero (ver Paso 2).
Actualiza tu navegador (el historial de deshacer se restablecerá).
Prueba un navegador diferente (se recomienda Chrome).
Desactiva las extensiones del navegador temporalmente.
Verifica que las cookies de terceros y JavaScript estén habilitados.
Si estás añadiendo un bloque de Listado de Productos o Recomendador de Productos, estos bloques son independientes, bloques de ancho completo – no pueden ser colocados en una sección de columna de diseño.
¿El bloque HTML sigue desapareciendo?
Mantén las etiquetas incluso si están vacías – son requeridas para la validación. Si el bloque desaparece, tu HTML puede tener errores de validación. Usa un validador HTML para corregir problemas de formato.
¿El control de color de texto no es visible?
Selecciona texto sin formato (no un hipervínculo) dentro de un elemento de texto. Busca la barra de herramientas de estilo en el panel derecho. El selector de color debería aparecer junto a las opciones de formato en negrita, cursiva y otras.
¿El botón de deshacer es poco confiable?
Recargar la página borra el historial de deshacer. Guarda tu plantilla regularmente (desplegable superior derecho → Guardar como plantilla) para evitar perder progreso.
Preguntas Frecuentes
¿Por qué no puedo arrastrar elementos a mi correo electrónico?
Debes agregar un Diseño primero. Los elementos (texto, imágenes, botones) deben colocarse dentro de los diseños. Ve a Agregar Elementos → Diseños, arrastra un diseño al lienzo y luego arrastra elementos a las secciones del diseño.
Si arrastrar y soltar aún no funciona después de agregar un diseño:
• Actualiza tu navegador (nota: el historial de deshacer se perderá).
• Borra caché y cookies.
• Prueba un navegador diferente (Chrome, Firefox, Safari) o modo incógnito.
• Verifica que JavaScript y las cookies de terceros estén habilitados.
Si el problema persiste, Contacto a nuestro soporte con la versión de tu navegador y el sistema operativo.
¿Está disponible la función de arrastrar y soltar en el Plan gratuito, o está limitada a los planes de pago?
Todas las características del Editor de correos electrónicos, incluyendo arrastrar y soltar, son totalmente disponible en el Plan Gratuito. No hay restricciones. Si tienes problemas, asegúrate de haber agregado un diseño primero (ver arriba).
¿Puedo crear un correo electrónico desde cero sin una plantilla?
Sí. Durante la selección de plantilla, filtra por Otros Objetivos y elige la plantilla Texto Plano o HTML. Estos te dan un lienzo en blanco. Luego construye tu diseño usando las pestañas de Diseños y Elementos.
¿Por qué mi bloque HTML personalizado sigue desapareciendo?
Los bloques HTML pueden desaparecer si el código tiene errores de validación. Mantén las etiquetas incluso si están vacías – son requeridas. Evita eliminar la estructura HTML esencial. Utiliza un validador HTML para revisar tu código antes de pegarlo en el constructor. Además, ten en cuenta que recargar la página puede hacer que los bloques HTML no guardados desaparezcan.
El botón de deshacer no funciona. ¿Cómo recupero contenido eliminado?
El botón de deshacer (esquina superior derecha) se restablece si recargas la página. Si se pierde el historial de deshacer, necesitarás volver a agregar manualmente el contenido eliminado. Consejo: Guarda tu correo electrónico como plantilla con frecuencia (desplegable superior derecho → Guardar como plantilla) para evitar perder progreso.
¿Por qué no puedo insertar imágenes de mi biblioteca?
Si el botón "Seleccionar" en tu biblioteca de imágenes es difícil de ver o falta, intenta cambiar la vista utilizando el botón de alternar cuadrícula/lista en la parte superior de la biblioteca. Si el problema persiste, contacta al soporte.
¿Puedo usar el Editor de correos electrónicos en mi teléfono o tableta?
El Editor de correos electrónicos está optimizado solo para uso en escritorio y laptop. Construir correos electrónicos en móvil o tablet puede causar problemas de funcionalidad como arrastrar y soltar que no responden. Usa un navegador de escritorio (se recomienda Chrome) para la mejor experiencia.
¿Cómo elimino un diseño o elemento en mi correo electrónico?
Utiliza los controles de la izquierda (iconos que aparecen al pasar el cursor sobre un diseño) para eliminar diseños enteros. Utiliza los controles de la derecha (iconos para elementos individuales dentro de los diseños) para eliminar elementos individuales como texto o imágenes. Ambos tienen un icono de papelera para eliminar.
¿Cuál es la diferencia entre Listado de Productos y Recomendador de Productos?
Listado de Productos: Tú seleccionas manualmente qué productos mostrar. La información del producto es estática (capturada cuando creas el correo electrónico). No hay límite en el número de productos.
Recomendador de Productos: Extrae automáticamente hasta 12 productos basados en la lógica que elijas (por ejemplo, más vendidos, similares a compras anteriores). La información del producto es dinámica (se actualiza al momento de enviar). Personalizada por destinatario.
Utiliza la lista de Productos para promociones específicas y curadas. Usa el Recomendador de Productos para sugerencias personalizadas y dinámicas.
¿Cómo inserto diseños entre el contenido existente?
Los diseños solo se pueden colocar en la parte superior o inferior del contenido existente. Para agregar un diseño en el medio:
Pasa el cursor sobre el diseño existente → haz clic en 'Mover hacia abajo' para crear espacio.
Arrastra el nuevo diseño al espacio.
O usa Deshacer para reconstruir tu estructura desde cero.
¿Cómo apilo bloques verticalmente o coloco elementos uno al lado del otro en mi Correo electrónico?
Usa diseños de múltiples columnas para flexibilidad:
• Para elementos uno al lado del otro (por ejemplo, imagen + texto): Agrega un diseño de 2 columnas, luego arrastra elementos a cada columna.
apilamiento vertical: Agrega diseños de una columna uno tras otro. Arrastra elementos a cada diseño.
También puedes pasar el cursor sobre un diseño y usar los controles de Mover hacia arriba/abajo para reordenar secciones.
¿Tienes alguna pregunta? Contacta a nuestro equipo de soporte en Contáctanos en [email protected] o a través del chat en la aplicación.