FANZ
FANZ

Documentación

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 redactar un email, hacé clic en Crear Email Personalizado para abrir el editor de emails. También podés elegir Usar Diseño Anterior para empezar desde un diseño que ya guardaste.

El editor conserva cualquier trabajo sin guardar — si lo cerrás y lo volvés a abrir durante la misma sesión, tus cambios van a seguir ahí.


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 de Configuración del Email para configurar los ajustes globales:

AjusteDescripciónPor defecto
Color de Fondo ExteriorFondo detrás del contenido del email#f4f4f4
Color de Fondo del ContenidoFondo del cuerpo del email#ffffff
Color de Texto PredeterminadoColor para todo el texto#000000
Familia de fuente por defectoFuente para todo el textoArial
Ancho del ContenidoAncho máximo del contenido del email600px (máx: 1200px)

Fuentes disponibles: Arial, Helvetica, Times New Roman, Georgia, Verdana, Courier New, Trebuchet MS, Tahoma


Tipos de bloques

Hacé clic en Agrega Tu Primer Bloque en un lienzo vacío 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
  • Insertar personalización en el cursor — 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 esquinas — Esquinas redondeadas
  • Altura del bloque — Altura del bloque

Bloque de imagen

Agregá imágenes (banner, logos, fotos) a tu email.

Opciones:

  • Arrastra y suelta una imagen aquí o haz clic — Subir una imagen
  • Texto alternativo (descripción de la imagen) — Descripción para accesibilidad
  • Dimensiones de imagen — Configurá ancho y alto (dejá el alto vacío para proporcional)
  • Configuración de enlace — Hacé la imagen clickeable agregando un enlace
  • Alineación — Izquierda, centro o derecha (por defecto: centro)

Medidas recomendadas para el banner del email:

UsoAncho a subirAncho de visualizaciónProporción sugerida
Banner principal (full width)1200 px (para retina)600 px2:1 (ej. 1200×600) o 3:1 (ej. 1200×400)
Banner estándar600 px600 px2:1 (600×300) o 3:1 (600×200)
Logo / imagen más chica400–600 px200–400 pxLibre
  • Ancho máximo recomendado: 600 px — es el ancho por defecto del email y el estándar de la industria. Si subís la imagen al doble (1200 px) se ve nítida en pantallas retina.
  • Presets disponibles en el editor: Auto, 200, 300, 400, 500, 600 px (el slider llega hasta 600 px).
  • Alto: dejalo en Auto para mantener la proporción. Los presets son 100, 150, 200, 300 y 400 px.
  • Peso del archivo: menos de 1 MB para mejor rendimiento (límite técnico: 5 MB).
  • Formatos: JPG, PNG o GIF.
  • Límite máximo de dimensiones: 9000×9000 px.

Consejo: Si ampliaste el ancho del contenido del email en Configuración (hasta 1200 px), podés subir un banner de hasta ese ancho. Dejá siempre el alto en Auto para que la imagen se reescale en móvil sin deformarse.

Bloque de botón

Agregá botones de llamada a la acción.

Opciones:

  • Texto del botón — Lo que dice el botón
  • Enlace del botón — A dónde enlaza
  • Colores del botón — Color de fondo y de texto
  • Radio de esquinas — Esquinas redondeadas
  • Tamaño del botón — Ancho y alto
  • Alineación — Izquierda, centro o derecha (por defecto: centro)

Bloque de espaciador

Agregá espacio vertical entre bloques.

Opciones:

  • Altura (px) — Ajustar la altura del espaciador

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 Red 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
  • Color de fondo — Fondo opcional del contenedor
  • Alineación — Izquierda, centro o derecha

Trabajar con bloques

Agregar bloques

  • Hacé clic en Agrega Tu Primer 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á la ventana

Controles de bloque

Cuando un bloque está seleccionado, vas a ver controles en la esquina superior derecha:

ControlDescripción
Mover arribaMover el bloque una posición arriba
Mover abajoMover el bloque una posición abajo
DuplicarCrear una copia del bloque
EliminarEliminar el bloque

Vista previa

Hacé clic en Vista Previa del Email 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

Envío y programación (compositor de emails de eventos)

Al redactar un email para un evento, las secciones de destinatarios y programación usan una interfaz de tarjetas. Cada opción aparece como una tarjeta seleccionable, lo que hace que las opciones sean fáciles de ver de un vistazo.

Destinatarios

Seleccioná quién recibe el email:

  • Todos los asistentes — Todas las personas que tienen una entrada para el evento
  • Tipos de entrada específicos — Elegí uno o más tipos de entrada para segmentar

Opciones de envío

Las opciones de envío se presentan en este orden:

  1. Enviar ahora — Entrega el email de inmediato
  2. Programar — Elegí una fecha y hora futura; los controles de fecha y hora aparecen anidados bajo esta tarjeta cuando está seleccionada
  3. Guardar como borrador — Guardá sin enviar

Envío de prueba

Usá el botón de envío de prueba para enviarte una vista previa antes de enviarlo a tu audiencia. El botón está disponible dentro del formulario del compositor de emails.


Guardar y salir del editor

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:

  • Seguir editando — Volver al editor
  • Descartar cambios — Descartar los cambios
  • Guardar y salir — Guardar cambios y salir

Sí. Al crear una nueva campaña, hacé clic en Usar Diseño Anterior para seleccionar cualquier diseño de email guardado anteriormente.

JPG, PNG y GIF. Mantené las imágenes por debajo de 1MB para mejor rendimiento. El límite técnico por archivo es 5MB y el máximo de dimensiones es 9000×9000 px.

El ancho recomendado es 600 px (el ancho por defecto del email). Para que se vea nítido en pantallas retina, subí el banner al doble: 1200 px de ancho. Las proporciones más usadas son 2:1 (ej. 1200×600) o 3:1 (ej. 1200×400). Dejá el alto en Auto dentro del editor para mantener la proporción y que se adapte bien en móvil. Peso ideal: menos de 1 MB. Formatos aceptados: JPG, PNG o GIF.

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.

Si cerrás el editor y lo volvés a abrir en la misma sesión, los cambios sin guardar se conservan. Si salís del compositor por completo, vas a ver un mensaje para guardar, descartar o seguir editando.

En las opciones de envío, seleccioná la tarjeta Programar. Los controles de fecha y hora van a aparecer debajo de ella — configurá el horario de envío deseado y confirmá.


Artículos relacionados

  1. Campañas de email — Crear y enviar campañas
  2. Marketing - Introducción — Funcionalidades completas de marketing