Editor de emails
El editor de emails es un editor visual para crear diseños de email personalizados. Construí emails profesionales usando bloques — no se requiere programación.
Abrir el editor
Al crear una campaña de email, hacé clic en Crear nuevo diseño en el campo Cuerpo para abrir el editor de emails.
Vista general de la interfaz
Barra de navegación superior
Lado izquierdo:
- Título del editor de emails
Lado derecho (de izquierda a derecha):
- Deshacer / Rehacer — Revertir o repetir acciones
- Configuración (ícono de engranaje) — Abrir configuración del email
- Vista previa — Ver cómo se ve el email en escritorio y móvil
- Guardar — Guardar tu diseño
- Cerrar (×) — Salir del editor
Lienzo
El área de trabajo principal donde construís tu email. Empezá con un lienzo en blanco y agregá bloques.
Configuración del email
Hacé clic en el ícono de engranaje para configurar los ajustes globales del email:
| Ajuste | Descripción | Por defecto |
|---|---|---|
| Color de fondo externo | Fondo detrás del contenido del email | #f4f4f4 |
| Color de fondo del contenido | Fondo del cuerpo del email | #ffffff |
| Color de texto por defecto | Color para todo el texto | #000000 |
| Familia de fuente por defecto | Fuente para todo el texto | Arial |
| Ancho del contenido | Ancho máximo del contenido del email | 600px (máx: 1200px) |
Fuentes disponibles: Arial, Helvetica, Times New Roman, Georgia, Verdana, Courier New, Trebuchet MS, Tahoma
Tipos de bloques
Hacé clic en el botón Agregar bloque para agregar contenido. Cada tipo de bloque tiene opciones específicas.
Bloque de texto
Agregá encabezados, párrafos o cualquier texto con formato.
Opciones:
- Contenido — Escribí o pegá tu texto
- Personalización — Insertar campos dinámicos:
[Nombre del asistente]— Nombre del destinatario[Apellido del asistente]— Apellido del destinatario
- Color de fondo — Fondo de color opcional
- Radio de borde — Esquinas redondeadas
- Altura — Altura del bloque
Bloque de imagen
Agregá imágenes a tu email.
Opciones:
- Subir imagen — Hacé clic para subir o arrastrá y soltá
- Texto alternativo — Descripción para accesibilidad
- Ancho — Ancho de la imagen (por defecto: 400px)
- Altura — Altura de la imagen (dejá vacío para proporcional)
- URL del enlace — Enlace clickeable opcional
- Alineación — Izquierda, centro o derecha (por defecto: centro)
Bloque de botón
Agregá botones de llamada a la acción.
Opciones:
- Texto del botón — Lo que dice el botón
- URL — A dónde enlaza
- Color de fondo — Color del botón
- Color del texto — Texto en el botón
- Radio de borde — Esquinas redondeadas
- Ancho — Ancho del botón
- Altura — Altura del botón
- Alineación — Izquierda, centro o derecha (por defecto: centro)
Bloque de espaciador
Agregá espacio vertical entre bloques.
Opciones:
- Altura — Ajustar con un deslizador
Bloque de divisor
Agregá líneas horizontales para separar contenido.
Opciones:
- Grosor — Grosor de la línea
- Ancho — Ancho de la línea (porcentaje)
- Color — Color de la línea
- Alineación — Izquierda, centro o derecha
Bloque de redes sociales
Agregá íconos de redes sociales con enlaces.
Opciones:
- Agregar enlace social — Agregá tantos como necesites (los íconos se detectan automáticamente por la URL)
- Tamaño del ícono — Tamaño de los íconos
- Espaciado — Espacio entre íconos
- Fondo — Fondo opcional del contenedor
- Alineación — Izquierda, centro o derecha
Trabajar con bloques
Agregar bloques
- Hacé clic en el botón Agregar bloque en un lienzo vacío
- O pasá el mouse sobre cualquier bloque existente para ver botones + arriba y abajo
- Hacé clic en + para agregar un bloque arriba o abajo
Editar bloques
- Hacé clic en cualquier bloque para abrir su ventana de edición
- Hacé los cambios y cerrá el ventana
Controles de bloque
Cuando un bloque está seleccionado, vas a ver controles en la esquina superior derecha:
| Control | Descripción |
|---|---|
| Mover arriba | Mover el bloque una posición arriba |
| Mover abajo | Mover el bloque una posición abajo |
| Duplicar | Crear una copia del bloque |
| Eliminar | Eliminar el bloque |
Vista previa
Hacé clic en Vista previa para ver exactamente cómo se verá tu email:
- Alterná entre vistas de escritorio y móvil
- Verificá espaciado, alineación y legibilidad
- Cerrá la vista previa para continuar editando
Guardar y salir
Guardar
Hacé clic en Guardar para guardar tu diseño actual. Podés continuar editando después de guardar.
Salir
Hacé clic en Cerrar (×) para salir del editor.
Si tenés cambios sin guardar:
- Continuar editando — Volver al editor
- Salir sin guardar — Descartar cambios
- Guardar y salir — Guardar cambios y salir
Sí. Al crear una nueva campaña, podés seleccionar cualquier diseño de email guardado anteriormente.
JPG, PNG y GIF. Mantené las imágenes por debajo de 1MB para mejor rendimiento.
Campos como [Nombre del asistente] son marcadores de posición. Cuando se envía el email, se reemplazan con los datos reales de cada destinatario.
600px es el estándar de la industria. Asegura que tu email se muestre correctamente en la mayoría de los clientes de email.
No. El editor usa un sistema basado en bloques para consistencia y entregabilidad. Usá los bloques disponibles para crear tu diseño.
Asegurate de haber guardado tu diseño. La vista previa muestra la última versión guardada.
Artículos relacionados
- Campañas de email — Crear y enviar campañas
- Marketing - Introducción — Funcionalidades completas de marketing