Editor de emails

El editor de emails es el diseñador visual de Fanz. Lo usás para el cuerpo de las campañas de email y de las plantillas transaccionales que siguen en comunicaciones del evento (compra, recordatorio, reseña, cancelación). El carrito abandonado lo escribe Eventos → [evento] → Marketing IA, no una plantilla editable de Comunicaciones. Construís el email con bloques y secciones — no hace falta HTML.

Abrir el editor

El editor no es una pestaña del menú: se abre cuando creás o editás un diseño.

Desde	Cómo
Marketing → Campañas de email	Al crear una campaña, elegí Crear Email Personalizado o Usar Diseño Anterior
Eventos → [tu evento] → Comunicaciones	Al crear un email manual o una plantilla automática, creá un diseño nuevo o elegí uno guardado

Si el lienzo está vacío, se abre un asistente de plantilla (mismo patrón que el diseñador de tickets):

Elegí Lienzo en blanco o una familia de tema (Teatro, Nocturno, Parque, Conferencia, Cine, Club Deportivo, Centro Cultural, Vervee, Electrónica, Underground).
Dentro de cada familia hay variantes (eventos destacados, cartelera, últimas entradas, VIP, próxima fecha, y más).
Si estás editando un email transaccional que sigue en Comunicaciones, las plantillas que ves son las de ese tipo (compra, recordatorio, reseña o cancelación). El texto de carrito abandonado lo escribe Marketing IA, no una plantilla de Comunicaciones.
Si tu sitio ya tiene un tema instalado, esa familia aparece como recomendada y toma los colores del sitio.

Podés buscar por nombre y ver una vista previa del email antes de confirmar.

El editor conserva el trabajo sin guardar de la sesión: si lo cerrás y lo volvés a abrir en la misma sesión, los cambios siguen ahí.

Vista general

La primera vez se ofrece un tour guiado. Podés repetirlo con el botón de ayuda de la barra superior. Los atajos se abren con ?.

Zona	Función
Barra superior	Cerrar, título, tour, estado de cambios sin guardar, vista previa y Guardar
Centro	Lienzo del email. Lo que ves acá es lo que llega a la bandeja
Barra flotante inferior	Biblioteca de Secciones, bloques para agregar (clic o arrastre) y Deshacer / Rehacer
Panel derecho	Pestañas Elementos y Diseño. Al seleccionar un bloque, se abren sus opciones

Agregar contenido

Bloques

En la barra flotante, hacé clic en un bloque para sumarlo, o arrastralo al lienzo:

Soltalo en el borde de arriba para ponerlo encima
En el borde de abajo para ponerlo debajo
En el centro para reemplazar el bloque

También podés pasar el mouse sobre un bloque y usar + para insertar arriba o abajo.

Bloque	Para qué
Texto	Títulos y párrafos. Doble clic para editar en el lienzo
Imagen	Foto, banner o logo de marca
Botón	Llamado a la acción
Espaciador	Espacio vertical
Divisor	Línea horizontal
Redes	Íconos con enlaces
Eventos	Tarjetas de eventos reales de tu marca
Columnas	Fila de 1 a 4 columnas (en móvil se apilan)

En emails de descuento (y en diseños viejos de carrito abandonado) puede aparecer un botón especial (uno solo por email): el enlace se completa al enviar. Los emails nuevos de carrito abandonado los genera Marketing IA.

El bloque de membresías no está en la barra: se inserta desde la biblioteca de secciones.

Biblioteca de secciones

Secciones abre layouts armados (encabezados, destacados, CTAs). Hacé clic o arrastrá una al lienzo. Podés buscar o filtrar por tipo:

Encabezado / hero
Contenido
Características
Prueba social
Comercio (eventos, membresías, ofertas)
Llamado a la acción
Feedback

Las secciones heredan los colores y fuentes del email. Algunas vienen con la estructura bloqueada (no cambiás el armado de columnas ni el layout de imágenes) para que no se desarme el diseño; el texto, las fotos y los colores sí se editan.

Trabajar con bloques

Seleccionar y editar

Clic — Selecciona el bloque y abre sus opciones en Elementos
Doble clic en un texto — Edita el contenido en el lienzo
En Elementos también podés reordenar la lista (arrastrando) y duplicar o eliminar

Controles en el lienzo

Con un bloque seleccionado:

Control	Descripción
Mover arriba / abajo	Cambia el orden (también con ↑ / ↓)
Duplicar	Copia el bloque (⌘/Ctrl + D)
Eliminar	Lo quita (⌫ o Supr)

Esc sale de la edición o deselecciona.

Tipos de bloques

Texto

Escribí o pegá texto con formato (tamaños Grande / Mediano / Chico, negrita, enlaces).

Personalización: insertá campos dinámicos desde el panel o con @ en el editor. Al enviar se reemplazan por los datos de cada destinatario. En el editor se muestran con un nombre de ejemplo.

Los campos dependen del tipo de email:

Campo	Campañas	Email de evento	Compra / recordatorio	Carrito abandonado	Feedback	Cancelación
Nombre y apellido del asistente	Sí	Sí	Sí	Sí	Sí	Sí
Nombre del evento	Sí	—	Sí	Sí	Sí	Sí
Nombre del ticket	—	Sí	Sí	Sí	—	—
Link de Google Maps	—	—	Sí	—	—	—
Enlace de referido	—	—	Solo compra	—	—	—
Link al evento	—	—	—	Sí	—	—
Fecha del evento	Sí	—	—	—	—	Sí (fecha de la función)
Link a la reseña	—	—	—	—	Obligatorio	—

También podés ajustar fondo (color o degradé), borde, sombra, radio, relleno, alto mínimo y alineación.

Imagen

Fuente: subir un archivo o usar el logo de la marca.

Layout: una sola imagen o galería. Las secciones listas pueden traer grillas o bentos con estructura fija.

Opciones: texto alternativo, ancho y alto (dejá el alto en Auto), enlace, alineación, borde y sombra. En imagen única podés activar texto superpuesto (título, subtítulo, posición y velo para que se lea).

Si abrís un diseño viejo de carrito abandonado, la imagen puede apuntar al checkout abandonado.

Medidas y archivo:

Uso	Ancho a subir	Ancho de visualización	Proporción
Banner principal	1200 px (retina)	600 px	2:1 o 3:1
Banner estándar	600 px	600 px	2:1 o 3:1
Logo / imagen chica	400–600 px	200–400 px	Libre

Ancho en el editor: Auto, 200, 300, 400, 500 o 600 px
Alto: Auto (recomendado) o 100–400 px
Peso: menos de 1 MB (límite: 5 MB)
Formatos: JPG, PNG o GIF
Dimensiones máximas: 9000×9000 px

Si ampliás el ancho del contenido en Diseño (hasta 640 px), subí el banner a ese ancho o al doble para retina. El alto en Auto evita que se deforme en móvil.

Botón

Texto (máx. 40 caracteres), colores, borde, radio, ancho (incluido a todo el ancho), alto y alineación.

Enlace: una URL o evento + fecha + descuento. En el segundo caso el editor arma el link al checkout con el código aplicado.

Los botones de descuento (y los de diseños viejos de carrito abandonado) no piden URL: el sistema la completa al enviar.

Espaciador y divisor

El espaciador solo tiene altura (10–500 px). El divisor tiene grosor, ancho en %, color y alineación.

Redes

Agregá tantos enlaces como necesites. El ícono se detecta por la URL (Facebook, Instagram, X, LinkedIn, YouTube, TikTok, Discord, Telegram, WhatsApp, sitio web).

Estilos: marca, ilustración, outlined, oscuro o texto. También tamaño, espaciado, alineación y fondo.

Eventos

Tarjetas de eventos reales de tu marca.

Manual: buscá y ordená eventos (y la fecha, si tiene varias)
Automático: una regla (próximos, más vendidos, que terminan pronto, con oferta, con descuento) y cuántos mostrar (hasta 10). Podés filtrar por categoría

Estilo de tarjeta: editorial, clásica, compacta o mínima. Podés mostrar u ocultar fecha, precio y badges, y editar el texto del botón.

Opcional: un código de descuento por evento en el CTA de esa tarjeta.

Si la marca no tiene eventos, el editor muestra ejemplos solo en el lienzo. Al enviar se usa la lista que quedó guardada — no se vuelve a consultar al momento del envío. Si cambió la cartelera, reabrí el bloque y actualizá la selección.

Membresías

Se agrega desde Secciones. Muestra planes públicos de la marca. Elegí cuáles se ven, si se muestran precio y beneficios, y el texto del botón. Los datos también quedan congelados al guardar.

Columnas (sección)

Una fila de 1 a 4 columnas. Una sola columna sirve como “tarjeta” (fondo, borde y sombra compartidos). En móvil las columnas se apilan.

Opciones: cantidad de columnas, proporciones (50/50, 60/40, etc.), gap, alineación vertical, divisor entre columnas, fondo (color, degradé o imagen con velo), borde, sombra, relleno y alto mínimo.

Adentro de cada columna se apilan los mismos bloques que en el lienzo, sin anidar otra fila de columnas (salvo las secciones listas que ya vienen armadas).

Pestaña Diseño

Los cambios se ven al toque en el lienzo. No hay un engranaje aparte.

Lienzo

Ajuste	Qué hace	Por defecto
Color de fondo del lienzo	Fondo del cuerpo del email	#ffffff
Color de fondo exterior	El área alrededor del email en la bandeja	#ffffff

Colores

Colores globales de texto grande, mediano, chico, texto normal y botones. Solo aparecen los que el email está usando. Cambiarlos actualiza los bloques que heredan ese color.

Fuentes

Tres familias: título, subtítulo y texto / extra. Podés usar fuentes web-safe (Arial, Helvetica, Trebuchet, Verdana, Tahoma, Georgia, Times New Roman, Courier New) o Google Fonts.

Google Fonts se cargan en Apple Mail, Gmail web y la mayoría de los móviles. Outlook de escritorio usa Arial como respaldo.

Diseño (medidas)

Ajuste	Rango	Por defecto
Ancho del contenido	320–640 px	600 px
Espacio a los lados	0–64 px	18 px
Espacio arriba y abajo	0–64 px	20 px
Espacio entre bloques	0–120 px	20 px

600 px sigue siendo el estándar para que el email se vea bien en la mayoría de los clientes.

Pie legal

Todos los emails incluyen un pie de la plataforma (política de privacidad; en campañas, también desuscribirse). No se puede quitar. Hacé clic en el pie del lienzo o abrí Diseño → Pie legal.

Podés elegir el fondo (mismo que el lienzo, el exterior o un color custom), mostrar u ocultar íconos de redes, el estilo de íconos y los colores de enlace y texto.

Los enlaces de privacidad y desuscripción se agregan al enviar. Un bloque de redes en el lienzo es independiente de este pie.

Vista previa

Vista previa (o ⌘/Ctrl + P) abre cómo se ve el email:

Alterná escritorio y móvil
Revisá columnas apiladas, imágenes y el pie legal
Cerrá para seguir editando

Atajos de teclado

Abrí la lista con ?. Se adaptan a Mac (⌘) o Windows/Linux (Ctrl).

Edición

Acción	Mac	Windows/Linux
Deshacer	⌘ + Z	Ctrl + Z
Rehacer	⌘ + ⇧ + Z	Ctrl + Y
Duplicar bloque	⌘ + D	Ctrl + D
Eliminar bloque	⌫	Supr
Guardar	⌘ + S	Ctrl + S
Vista previa	⌘ + P	Ctrl + P

Bloques y navegación

Acción	Atajo
Mover arriba / abajo	↑ / ↓ (con un bloque seleccionado)
Salir de edición / deseleccionar	Esc
Seleccionar bloque	Clic
Editar texto	Doble clic en un bloque de texto
Insertar enlace	⌘/Ctrl + K (mientras editás texto)
Abrir atajos	?

Guardar y salir

Guardar deja el diseño y podés seguir editando (⌘/Ctrl + S).

Cerrar (×) sale del editor.

Si hay cambios sin guardar:

Seguir editando
Descartar cambios
Guardar y salir

Sí. Al crear una campaña, usá Usar Diseño Anterior y elegí cualquier diseño guardado.

Al elegir una familia, el editor toma los colores del tema instalado en ese momento. Después el diseño es tuyo: cambiar el sitio no reescribe emails ya guardados.

No. La lista queda congelada al guardar. Si cambió la cartelera, reabrí el bloque y actualizá la selección.

JPG, PNG y GIF. Ideal: menos de 1 MB. Límite: 5 MB y 9000×9000 px.

600 px de ancho (el contenido por defecto). Para retina, subí 1200 px. Proporciones típicas: 2:1 o 3:1. Alto en Auto.

Son marcadores como [Nombre del asistente]. Al enviar se reemplazan por los datos de cada destinatario. En emails de prueba suelen verse vacíos o con el ejemplo del editor.

No. El editor usa bloques para que el email se vea igual en Gmail, Apple Mail y Outlook. Usá los bloques y las secciones listas.

No. Es de la plataforma (privacidad y, en campañas, desuscripción). Sí podés cambiar fondo, colores y si se ven las redes.

Si volvés a abrir el editor en la misma sesión, los cambios siguen. Si salís del compositor, te pregunta si guardar, descartar o seguir editando.

Outlook de escritorio no carga bien esas fuentes y usa Arial. Elegí también una web-safe parecida para que el fallback se vea cercano.

Documentación