Los correos que envía tu agencia (presupuestos, recordatorios de pago, confirmaciones y campañas del newsletter) usan un diseño estándar con tu marca. En Configuración → Integraciones, en la tarjeta Apariencia de los correos, elegís el logo, los colores, la tipografía y el texto del pie.
Está disponible en todos los planes. La pueden cambiar el propietario y los administradores de la agencia.
Lo que no definas se hereda de tu marca: si dejás un campo vacío, se usa lo que cargaste en Identidad visual y logos. Por eso, si tu identidad ya está completa, tus correos se ven bien sin tocar nada.
Qué podés definir
- Logo: con Automático (el mejor según el fondo) elegimos la versión que mejor se lee: primero la versión para fondo oscuro, que va sobre el encabezado de color del correo; si no está, el logo sobre fondo claro y, por último, el logo principal. También podés elegir una en particular: Logo para fondos oscuros, Logo para fondos claros o Logo principal (solo aparecen las que tenés cargadas).
- Color principal: títulos y detalles. Si lo dejás vacío, se usa el color principal de tu marca.
- Color de los botones: el de los botones de los correos con diseño estándar (por ejemplo «Ver presupuesto», los enlaces de acción de los recordatorios y el botón de las campañas del newsletter) y el del botón Confirmar de la confirmación de suscripción. Si lo dejás vacío, se usa el color de acento de tu marca. Con una plantilla propia, la plantilla define sus botones y este color solo se aplica al botón Confirmar del bloque de la plataforma. No colorea los títulos (eso es el color principal) ni los correos de la plataforma (invitaciones, contraseña, bienvenida, plan).
- Color de fondo: el fondo del correo. Si lo dejás vacío, se usa el fondo estándar.
- Tipografía: Sans (moderna), Serif (clásica) o Del sistema del lector.
- Texto de pie (opcional): hasta 300 caracteres, sin los signos
<ni>. Por ejemplo, tu horario de atención o tu número de legajo.
Los colores se escriben con el formato #rrggbb o se eligen con el selector que está al lado de cada campo.
Si un color que se hereda de tu marca no alcanza el contraste mínimo (ver abajo), el correo usa en su lugar el color oscuro estándar. Por ejemplo, un color de acento anaranjado claro puede verse bien en tu sitio pero no tener contraste suficiente con el texto blanco de un botón: en ese caso ese botón sale oscuro. Si querés usar tu color, elegí en Color de los botones una versión más oscura que cumpla el contraste.
Los correos solo pueden mostrar logos en PNG o JPEG. Si todos los logos que cargaste en tu identidad son SVG o WebP, los correos salen sin logo. Para que se vea, cargá al menos una versión en PNG.
El contraste se exige
Para que tus correos se lean bien, cada color necesita un contraste de al menos 4,5 a 1:
- el color principal y el de los botones, contra el texto blanco que llevan encima;
- el color de fondo, contra el texto oscuro del correo.
Debajo de cada color ves su contraste. Si no alcanza, el panel te avisa, por ejemplo: «Contraste 3.1:1 con el texto blanco: se necesita al menos 4.5:1. Elegí un color más oscuro.», y no te deja guardar hasta que lo corrijas.
Vista previa, guardar y probar
A la derecha (en el celular, debajo) ves cómo se ve un correo de tu agencia con lo que estás eligiendo. Se actualiza sola mientras cambiás los datos.
- Guardar: aplica la apariencia a todos tus correos. Si el panel te lo pide, confirmá tu identidad.
- Restablecer: borra el logo, los colores, la tipografía y el pie que definiste, y vuelve a lo heredado de tu marca.
- Enviar prueba: te manda un correo real con la apariencia guardada. Solo lo ve el propietario, y antes hay que guardar los cambios.
Si usás plantillas propias
Si activaste una plantilla con tu propio HTML, el diseño de ese correo lo define tu plantilla. El bloque que la plataforma agrega al pie del newsletter (baja y preferencias) sigue usando tu color de fondo y, en la confirmación, el color de los botones para el botón de confirmar. Más detalles en Plantillas de correo.