Elegir el editor de banner — Drag & Drop o clásico

MailManagers ofrece dos formas de construir un banner: Drag & Drop o No Drag & Drop (el editor clásico). Ambos producen el mismo banner de 680×120px — solo cambia el método de construcción.

¿Cuándo elegir cuál?

Drag & Drop — resultado profesional en minutos

Arrastra bloques individuales (texto, imagen, botón, reseña, línea, espacio) en un layout de 1 o 2 columnas. Elige una plantilla para empezar rápido o construye desde cero.

✅ Elige esto si quieres:

• Obtener un diseño cuidado sin muchas decisiones
• Combinar varios elementos (foto + texto + botón + reseña uno al lado del otro)
• Crear un banner con varias filas
• Establecer un color de fondo por fila

No Drag & Drop — control creativo máximo

Un layout fijo con campos definidos (título, subtítulo, botón, fondo). Más opciones avanzadas: posición de imagen izquierda/derecha, efectos de desvanecimiento, badges dinámicos (texto estático, temporizador o puntuación de reseñas).

✅ Elige esto si quieres:

• Mostrar badges de cuenta atrás o badges automáticos de reseñas
• Aplicar ajustes muy específicos de desvanecimiento/posición
• Quedarte con un layout familiar basado en formularios

Crear un nuevo banner

1. Ve a Banners en la barra lateral.
2. Introduce un nombre arriba (p. ej. "Promo primavera 2026") y haz clic en Crear banner.
3. Aparece una ventana de selección: elige Drag & Drop (Aspecto profesional) o No Drag & Drop (Para personas creativas).

Puedes cambiar en cualquier momento entre modos mediante el conmutador "Modo editor" en la barra lateral de la página de edición. Ambos diseños quedan guardados — solo el modo activo se renderiza en tus correos.

Drag & Drop en resumen

Arriba ves una barra de herramientas con 6 botones de bloques y un botón "Badge" separado. Arrastra un bloque a la columna deseada del lienzo o haz clic para añadirlo a la primera columna libre.

Bloques disponibles:

• Texto — título + cuerpo, con color y alineación por bloque
• Imagen — subida, recorte al subir, elegir entre subidas anteriores, radio por esquina, desvanecimiento de bordes
• Botón — CTA con color, radio y alineación personalizados
• Reseña — cita + estrellas + logo de plataforma (Google, Trustpilot, Facebook, Let's Connect)
• Línea — separador horizontal con color y grosor
• Espacio — espacio vertical

Layout por fila: 1 columna · 50/50 · 66/34 · 34/66. Cada fila puede tener también su propio color de fondo.

Badge (capa superior): texto estático que se adhiere a una de las 4 esquinas, sobre todos los bloques. 5 formas (rectángulo, redondeado, círculo, estrella, etiqueta), rotación, escala y URL opcional.

Consejos

• Plantillas: en la barra de herramientas hay un menú "Elegir plantilla" con diseños listos (Promo con botón, Reseña destacada, Anuncio de evento, Hero con texto). El punto de partida más rápido.
• Vista previa fija: al editar las propiedades del bloque, la barra de herramientas y el banner en vivo quedan arriba — ves los cambios al instante.
• Desvanecimiento en clientes de correo modernos: los efectos de desvanecimiento en imágenes funcionan en Apple Mail, Gmail web y ProtonMail. Outlook desktop muestra la imagen completa (sin desvanecimiento).

Errores comunes

• "Mi imagen no encaja" — usa el botón Recortar justo después de subir (aparece automáticamente) y selecciona "680×120 (banner)" como proporción.
• "El badge se superpone a mi texto" — ajusta los sliders X e Y; el offset está en píxeles desde la esquina elegida.
• "No puedo añadir un bloque a la columna derecha" — arrastra el chip directamente a la columna derecha; hacer clic siempre coloca en la primera columna.