Plantillas de email
Crear una plantilla HTML con variables, quién la usa (automations, Steppers, paquetes), las reglas para que se vea bien en Gmail y qué hace hoy Email Defaults.
Una plantilla (email template) es un email armado de antemano: asunto, cuerpo en HTML y una lista de variables ({{nombre}}, {{caso}}) que se completan al mandarlo. La escribe un administrador una vez; la usan, con los datos de cada momento:
- las automations, con el nodo Enviar email;
- los Steppers, en el bloque que redacta un email;
- los paquetes: el envío de cotizaciones de CPQ o los recibos de Fundraising traen las suyas.
El composer de la ficha, el que usa Bruno, hoy no inserta plantillas.
Creá la plantilla
ConfiguraciónEmailContenidoEmail TemplatesBotón Nuevo. El editor tiene sus textos en inglés:
- Name:
Recibimos tu consulta. El Slug se completa solo (recibimos-tu-consulta); es el identificador que no cambia. - Subject:
Recibimos tu consulta: {{asunto}}. - En la columna Variables, escribí
nombreen el campo de abajo y hacé clic en Add variable. Repetí conasunto.
Escribí el cuerpo
En el panel HTML, reemplazá lo que haya por:
<div style="background-color:#f4f4f5;padding:24px;font-family:Arial,sans-serif">
<div style="background-color:#ffffff;border:1px solid #e4e4e7;border-radius:8px;padding:24px">
<p>Hola, {{nombre}}:</p>
<p>Recibimos tu consulta <b>{{asunto}}</b>. Te respondemos dentro de un día hábil.</p>
<p>Este es un aviso automático: si querés sumar algo, escribinos a hola@estudionorte.com.ar.</p>
<p>Equipo de Estudio Norte</p>
</div>
</div>Hacer clic en una variable de la columna Variables la inserta donde está el cursor. El panel Preview muestra el resultado con las variables resaltadas en amarillo. Arriba podés pasar de Split (código y vista previa) a Code o Preview.
Guardá
Save. La plantilla aparece en la lista con No en la columna SYSTEM: es tuya, la podés borrar.
Las reglas de las variables
- Solo se reemplaza lo que la plantilla declara. Si el cuerpo dice
{{fecha}}yfechano está en Variables, el email llega con{{fecha}}escrito tal cual. - Se escriben pegadas a las llaves:
{{nombre}}. Con espacios ({{ nombre }}) no se reemplazan. - El valor lo pone quien manda: en una automation, cada variable es una fila del nodo Enviar email, con una referencia como
{{record.contact.name}}.
Que se vea bien en Gmail
El HTML de un email no se dibuja como una página web, y Gmail es el más estricto:
- Dale al email su propio fondo con un
divdebackground-color. Gmail dibuja el cuerpo en blanco: una tarjeta blanca sin fondo propio se pierde. - Marcá los bordes con
border, no con sombras: Gmail descartabox-shadow. - Usá
divcon estilos en línea, no tablas: los paquetes y los Steppers dejan editar la plantilla en el composer antes de mandarla, y ese editor conserva losdivcon estilo pero no las tablas.
Plantillas de sistema y Email Defaults
En la lista hay plantillas con Sí en SYSTEM: las del workspace (User Invite, Password Recovery, Record Assigned, las de usuarios externos) y las de los paquetes instalados. Se pueden editar, pero no borrar, y su slug es fijo.
ConfiguraciónEmailContenidoEmail DefaultsEsta pantalla elige qué plantilla corresponde a cada email del sistema: User Invite, Password Recovery y Record Assigned, cada uno con su selector y su botón Save.
Hoy ninguno de esos tres emails lee lo que elijas en Email Defaults, ni lo que edites en sus plantillas: la invitación a un usuario y la recuperación de contraseña salen con el diseño estándar de Nxar. Las plantillas de usuarios externos (verificación, bienvenida, contraseña) sí se usan.
Cómo saber que te salió
- En Email Templates aparece Recibimos tu consulta, con slug
recibimos-tu-consultay No en SYSTEM. - Abrila: en Preview,
{{nombre}}y{{asunto}}aparecen resaltados en amarillo, dentro de una tarjeta blanca con borde sobre fondo gris. - Para mandarla de verdad, seguí el caso de uso Confirmarle al cliente que recibimos su email.
¿Llegaste al resultado de arriba?