Diseñá tu email con el editor visual (arrastrar y soltar)

No hace falta saber diseño ni tocar una línea de código para armar un email que se vea profesional. El Diseñador modular de arrobaMail funciona como armar con bloques: vas apilando piezas —logo, imágenes, textos, botones— y las acomodás hasta que el email queda como querés, viéndolo en vivo todo el tiempo.

En esta guía recorremos el editor visual de punta a punta. Es el camino manual (sin IA): ideal cuando querés control total sobre cada detalle. Si en algún momento preferís que la inteligencia artificial te dé una base, existe el botón Editar con IA —y lo cubrimos en usar Amanda IA—, pero acá lo hacemos a mano.

1. Elegí «Diseñador» al crear la campaña

Cuando creás una campaña, arrobaMail te ofrece cuatro formas de armar el mensaje: el Diseñador visual, Con IA (Amanda), el modo HTML avanzado y Desde una URL. Para esta guía, elegí el Diseñador: es el que te deja componer arrastrando bloques, sin escribir código.

2. Conocé el editor: lienzo y panel del módulo

El Diseñador tiene dos zonas y conviene reconocerlas de entrada:

• A la izquierda, el lienzo: tu email tal como se va viendo, armado por bloques apilados (el logo, una imagen, un texto, un botón…). Es una vista previa en vivo: lo que ves es lo que se envía.
• A la derecha, el panel del módulo: cuando hacés clic en un bloque del lienzo, acá aparecen sus opciones, organizadas en pestañas —Módulos y plantilla, Contenido y Diseño del módulo—.
• Arriba, los botones Anterior, Editar con IA y Continuar.

La mecánica es siempre la misma: elegís un bloque en el lienzo y lo editás en el panel de la derecha, viendo el resultado al instante.

3. Partí de una plantilla o del lienzo en blanco

Desde la pestaña Módulos y plantilla podés arrancar de una plantilla prearmada (más rápido) o de un lienzo en blanco (más control). Si recién empezás, una plantilla te da una estructura decente para ajustar; con el tiempo vas a querer armar desde cero.

Tip: guardá los diseños que te funcionan en tu biblioteca. La próxima campaña la armás en minutos reutilizando lo que ya te quedó bien, en vez de empezar de cero cada vez.

4. Sumá y ordená bloques arrastrando

Acá está el corazón del editor visual: agregás bloques y los acomodás arrastrándolos. Los típicos son logo, imagen, texto, imagen + texto, botón (CTA) y columnas. Arrastrás cada uno a la posición que querés y los reordenás cuando haga falta.

Un consejo de estructura que vale oro: pensá el email de arriba hacia abajo como un embudo —logo, una imagen o título que enganche, el mensaje, y el botón—. Y acordate de la disciplina del foco: un objetivo, un botón (lo vemos en una campaña, un objetivo).

5. Editá el contenido de cada bloque

Con un bloque seleccionado, andá a la pestaña Contenido. Según el tipo de bloque vas a poder:

• En una imagen: Reemplazar por una tuya o pegar una URL, y ajustar el tamaño.
• En un texto: escribir y dar formato (negritas, enlaces), e insertar campos personalizados como el nombre del suscriptor.
• En un botón: cambiar el texto y el enlace de destino.

Todo se refleja en el lienzo al instante, así que no trabajás a ciegas.

6. Ajustá el diseño del bloque

La pestaña Diseño del módulo controla cómo se ve cada bloque: colores (de fondo, de texto, del botón), tamaños, alineación y espaciados. Acá es donde aplicás tu identidad —los colores de tu marca, tu tipografía— para que el email se vea tuyo y no genérico.

Importante: mantené la coherencia. Usá dos o tres colores de tu marca y repetilos; un email con ocho colores distintos se ve amateur. Menos paleta, más profesional.

7. Revisá en el celular y continuá

Antes de seguir, comprobá cómo se ve en pantalla chica: la mayoría de la gente lee desde el teléfono. Fijate que las imágenes no queden gigantes, que el texto se lea sin zoom y que el botón sea fácil de tocar.

Cuando el diseño te cierra, tocá Continuar: pasás a los datos de la campaña, la prueba a tu casilla y el envío. Ese tramo final lo cubre crear tu primera campaña.

Errores frecuentes a evitar

• Imágenes pesadas o gigantes. Tardan en cargar y se ven mal en el celular. Usá imágenes optimizadas y revisá siempre en mobile.
• Demasiados colores y tipografías. Restan profesionalismo. Dos o tres de tu marca, repetidos.
• Texto dentro de la imagen. Si tu mensaje principal va incrustado en una imagen, quien no carga imágenes no lo ve. El texto importante va como texto.
• No probar en el celular. Lo que se ve perfecto en la computadora puede romperse en una pantalla chica. Revisá siempre.

Próximos pasos

1. Asegurate de que el diseño tenga foco con una campaña, un objetivo.
2. Si querés una base generada por IA para después ajustar a mano, mirá usar Amanda IA.
3. Repasá las cuatro formas de crear y el envío en crear y enviar campañas.