Diseñador de correos

Objetivo. Diseñar correos con la marca del negocio a partir de una plantilla prediseñada, por bloques, con IA o importando HTML; probarlos y usarlos en los mensajes automáticos y en las campañas.

Requisitos previos. El rol Administrador. Se abre desde «Configuración» › «Diseñador de correos». «Enviar prueba» necesita Resend, Google o Microsoft conectado en «Integraciones»; «Generar con IA» necesita un proveedor de IA conectado.

La galería

La pantalla «Diseñador de correos» lista «Mis diseños», cada uno con «Duplicar diseño» y «Eliminar diseño», que pide confirmar «¿Eliminar el diseño "…"? Esta acción no se puede deshacer. Los emails de plantillas que ya lo usan no se tocan.». «Nuevo diseño» abre el estudio. Sin diseños todavía, la galería muestra «Diseña tu primer correo».

El estudio

El estudio ocupa toda la pantalla:

• A la izquierda, «Volver al CRM», el idioma del contenido, «Español» o «English», las «Prediseñadas», «Vacío», «Bienvenida», «Pago recibido», «Recordatorio», «Documentos», «Promoción» y «Boletín», «Generar con IA» y la lista «Mis diseños».
• Arriba, los iconos de los modos «Editar», «Vista previa» y «HTML», «Importar HTML», la vista «Escritorio» o «Móvil», el campo «Nombre del diseño…», los iconos «Enviar prueba» y «Usar en plantilla» y el botón «Guardar».
• En el centro, el correo. Al pasar el cursor entre dos bloques aparece un botón «+» que ofrece los bloques: Heading, Text, Button, Image, Avatar, Divider, Spacer, Columns, Container y Html. El texto se escribe sobre el propio correo.
• A la derecha, la pestaña «Estilos» con los colores y la tipografía globales del correo y la pestaña «Bloque» con las opciones del bloque seleccionado: alineación, colores, tamaño de letra, relleno y, en un botón o una imagen, su enlace o su «URL de la imagen». Cada bloque ofrece «Subir», «Bajar», «Duplicar» y «Eliminar».

Crear un diseño

1. Haga clic en «Nuevo diseño» y, en «Prediseñadas», elija una, por ejemplo «Bienvenida»; el correo se carga con el color y el nombre de la marca y el nombre de la prediseñada pasa al campo del nombre. Para empezar en blanco, elija «Vacío».
2. Modifique los textos sobre el correo y añada o quite bloques con el botón «+» y la pestaña «Bloque». Las variables, por ejemplo {{nombre}}, se rellenan con los datos del cliente al enviar.
3. «Generar con IA» redacta un borrador a partir de una descripción del correo, «Borrador listo — edítalo a tu gusto», y reemplaza el diseño actual. «Importar HTML» carga el HTML de un correo ya diseñado, pegado o con «Subir archivo…».
4. Escriba el «Nombre del diseño…» y haga clic en «Guardar»: «Diseño guardado». «Enviar prueba» lo envía a su propio correo: «Correo de prueba enviado a …».
5. «Usar en plantilla» elige el mensaje automático, en «Mensajes automáticos», o la plantilla de campaña, en «Plantillas de campaña», y «Aplicar diseño» confirma con «Diseño aplicado a la plantilla».

«Volver al CRM» sale del estudio; con cambios pendientes aparece «Cambios sin guardar» con «Seguir editando» o «Salir sin guardar».

Problemas frecuentes

• «Ponle un nombre al diseño» El diseño necesita nombre para guardarse.
• «Conecta Resend, Google o Microsoft en Integraciones para poder enviar». No hay proveedor de correo para la prueba.
• «Conecta un proveedor de IA en Configuración → Integraciones para usar esto.» «Generar con IA» necesita un proveedor de IA.
• «Esa plantilla aún no existe en ese idioma: ábrela en Configuración → Plantillas y guárdala primero». Guarde la plantilla de mensaje en ese idioma antes de aplicarle el diseño.
• «La imagen supera los 2 MB.» Reduzca la imagen o use una URL.