El Editor de correos electrónicos de Omnisend te permite alternar entre las vistas de edición de escritorio y móvil directamente en el editor, para que puedas diseñar y editar tu correo electrónico para ambos dispositivos sin cambiar de herramientas.
En este artículo, aprenderás cómo cambiar de vista, editar en modo móvil, controlar el apilamiento de columnas y mostrar u ocultar contenido por dispositivo.
Antes de empezar
Utiliza un escritorio o portátil para editar correos electrónicos. El Editor de correos electrónicos no está optimizado para dispositivos móviles y puede no funcionar correctamente en pantallas pequeñas.
Esta función está disponible tanto en Campañas de Correo electrónico como en Flujos de Trabajo de Automatización.
La vista móvil muestra solo contenido estático – los elementos dinámicos (nombres de contacto, recomendaciones de productos, códigos de descuento) no se mostrarán. Usa Vista previa y prueba para ver contenido dinámico y renderización en modo oscuro antes de enviar.
Esta función es diferente de Vista previa y prueba, que muestra el render final de tu correo electrónico con contenido dinámico y modo oscuro. La vista móvil en el creador es para trabajo de edición y diseño.
Esto te ayuda:
Diseñar con un enfoque móvil primero
Editar contenido mientras ves el diseño móvil
Detectar problemas de diseño temprano sin salir del editor
Ahorra tiempo y optimiza tu flujo
Cambiar entre vistas de escritorio y móvil
Alterna entre las vistas de escritorio y móvil directamente en el Editor de correos electrónicos para diseñar y editar tu correo electrónico para cada dispositivo.
Para cambiar de vista:
Abre el Editor de correos electrónicos (en un paso de correo electrónico de Campaña o Automatización).
Ubica el interruptor de dispositivo en la barra de herramientas superior (junto al botón de deshacer).
Haz clic en el ícono para cambiar entre:
Escritorio (ícono de monitor) – Vista de edición predeterminada
Móvil (ícono de teléfono) – Vista de edición de diseño móvil
El lienzo se redimensiona instantáneamente para simular el dispositivo seleccionado. Puedes editar tu correo electrónico en cualquiera de los modos.
💡 Nota: Cambiar de vista es instantáneo y no destructivo – solo cambia cómo se muestra tu correo electrónico en el editor, no su estructura.
Editar en vista móvil
Puedes editar completamente tu correo electrónico mientras lo ves en modo móvil. Todas las acciones de edición funcionan tanto en vistas de escritorio como móviles:
Arrastra y suelta bloques
Editar texto
Reemplazar imágenes
Modificar botones
Ajustar espaciado
Actualizar elementos del producto
No necesitas volver a la vista de escritorio para hacer cambios.
Cómo funciona la vista móvil
Cuando cambias a la vista móvil:
El lienzo se ajusta al ancho de la pantalla móvil (aprox. 320–414px).
El contenido se muestra como lo haría en los clientes de correo electrónico móviles.
Los cambios se reflejan en tiempo real.
La vista móvil muestra cómo se renderizará tu correo electrónico en dispositivos móviles, incluyendo:
Apilamiento de columnas (los diseños de múltiples columnas se convierten en una sola columna)
Ajuste de texto
Escalado de botones
Ajustes de espaciado
Esto asegura que tu diseño coincida con el resultado final visto por los destinatarios.
⚠️ Importante: La vista móvil en el creador muestra solo contenido estático. Los elementos dinámicos como los nombres de contacto, las recomendaciones de productos y los códigos de descuento no se mostrarán. Para previsualizar contenido dinámico y renderización en modo oscuro, usa Vista previa y prueba (barra de herramientas superior).
💬 Aprende más: Vista previa y prueba de campañas y automatizaciones
Controlar el apilamiento de columnas en móvil
Por defecto, los diseños de múltiples columnas se apilan verticalmente en dispositivos móviles. Puedes personalizar este comportamiento.
Para cambiar el apilamiento de columnas:
Haz clic en el diseño (no en los elementos individuales dentro de él).
Ve a Diseño (panel derecho) → Apilamiento móvil.
Elige:
Apilar columnas (predeterminado) – Las columnas aparecen una debajo de otra en móvil
Mantener lado a lado – Las columnas permanecen una al lado de la otra en móvil
Casos de uso: Rejillas de productos, secciones de comparación o diseños donde el contenido uno al lado del otro es esencial en móviles.
Mostrar u ocultar contenido por dispositivo
Controla qué contenido aparece en escritorio, móvil o ambos.
Para establecer la visibilidad:
Haz clic en el elemento o diseño 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
Mostrar una gran imagen principal solo en escritorio
Mostrar una versión simplificada para usuarios móviles
Usar diferentes diseños para cada dispositivo
Esto te ayuda a optimizar tu correo electrónico sin duplicar plantillas.
💡 Consejo: Usa la herramienta Vista previa y prueba para verificar cómo aparece tu correo electrónico en ambos dispositivos con contenido dinámico.
Preguntas Frecuentes
¿Puedo editar en vista móvil en mi teléfono o tableta?
No. El Editor de correos electrónicos (incluyendo el cambio de vista móvil) está optimizado solo para uso en escritorio y portátil. Usa un navegador de escritorio (se recomienda Chrome) para la mejor experiencia.
¿Cambiar a la vista móvil cambia la estructura de mi correo electrónico?
No. El interruptor solo cambia cómo se muestra tu correo electrónico en el editor – no altera la estructura o el código real. Tu correo electrónico se renderizará correctamente en ambos dispositivos.
¿Cuál es la diferencia entre la vista móvil en el constructor y Vista previa y prueba?
Conmutador de vista móvil (en el constructor): Te permite diseñar y editar mientras ves el diseño móvil. El contenido es estático – los elementos dinámicos (nombres de contacto, recomendaciones de productos) no se mostrarán. Usa esto para trabajo de diseño.
Vista previa y prueba: Muestra cómo se renderizará realmente tu correo electrónico en los clientes de correo electrónico, incluyendo contenido dinámico, modo oscuro y renderizado específico del dispositivo. No editable – usa esto para revisión final antes de enviar.
¿Puedo establecer diferentes imágenes para móvil y escritorio?
Sí. Usa Configuraciones de visualización (Diseño → Configuraciones de visualización → Solo dispositivos móviles / Solo dispositivos de escritorio) para mostrar diferentes imágenes en cada dispositivo. Esto es útil para mostrar imágenes optimizadas para cada tamaño de pantalla.
¿Verán mis suscriptores lo que yo veo en la vista móvil?
Sí, con una excepción: la vista móvil muestra solo contenido estático. Tus suscriptores verán el diseño móvil más contenido dinámico (su nombre, recomendaciones de productos personalizadas, códigos de descuento, etc.). Siempre envía un correo electrónico de prueba para ver el resultado final.
⚠️ Nota: Las funciones avanzadas de personalización móvil (por ejemplo, relleno específico para móviles, tamaños de fuente, o diseños móviles independientes) aún no están disponibles. Estos pueden ser añadidos en futuras actualizaciones.
Estoy intentando editar en mi teléfono/tableta, pero el diseño es difícil de usar. ¿Por qué?
El Editor de correos electrónicos está optimizado para navegadores de escritorio o portátiles. En dispositivos móviles, puedes hacer ediciones rápidas de texto, pero muchas funciones de edición no están disponibles.
Lo que puedes hacer en navegadores móviles:
Editar texto en bloques existentes
Actualizar texto sobre la marcha
Lo que requiere un escritorio:
Agregar o eliminar bloques
Arrastrar y soltar elementos
Ajustar diseños, espaciado o relleno
Cambiar imágenes o botones
Acceder a controles de diseño completos
Para la mejor experiencia de edición, usa un navegador de escritorio.
¿Necesitas ayuda? Contáctanos en [email protected] o a través del chat en la aplicación.