Plantillas
Las plantillas de correo: la lista, el editor visual, las variables, el HTML y la vista previa.
Para qué sirve
Una plantilla es un correo electrónico que montas una vez y envías cuantas veces quieras, cambiando solo las variables (nombre, número de pedido, enlace). La pantalla tiene tres pestañas: tus Plantillas, los Diseños (maquetas listas para empezar) y las Familias (conjuntos de correos de un producto con el mismo estilo). El editor tiene un modo visual, con bloques y edición directa sobre el texto, y un modo HTML.
Cuándo usarlo: para correos electrónicos que se repiten (confirmación de pedido, código de acceso, bienvenida), para que el equipo diseñe correos sin programar y para empezar una campaña a partir de un diseño listo.
#Lista de plantillas
Dónde está: Correos › Plantillas. Dirección: app.postal.so/templates.
Encabezado
| Elemento | Qué hace |
|---|---|
| Ver código | Muestra cómo enviar con una plantilla por la API: POST /emails con template: { id, variables }. Consulta Plantillas (API). |
| Crear plantilla | Crea al instante una plantilla en borrador, llamada Sin título, con un correo electrónico de ejemplo y la variable NAME, y abre el editor. |
Pestaña Plantillas
| Elemento | Qué hace |
|---|---|
| Buscar por nombre o alias | Busca en los nombres y en los alias de las plantillas. |
| Filtros › Estado | Publicadas o Borradores (Todos los estados lo borra). Consulta cómo funciona el botón Filtros. |
| Columna | Qué muestra |
|---|---|
| Nombre | El nombre de la plantilla (enlace que abre el editor). |
| Estado | Borrador: nunca se ha publicado y todavía no sirve para enviar. Publicada: la versión publicada está al día con el editor. Publicada · con cambios: cambiaste el borrador después de la última publicación; los envíos siguen usando la versión publicada. |
| Alias | Un apodo (por ejemplo, pedido-confirmado) que se puede usar en lugar del ID al enviar. |
| Actualizada | Hace cuánto tiempo cambió la plantilla. |
| Menú de la fila | Editar; Duplicar (crea una copia en borrador y la abre); Eliminar (los envíos que usan la plantilla pasan a fallar, y el panel pide confirmación). |
Las plantillas no tienen fecha de caducidad: se quedan hasta que las eliminas. Cuando la lista está vacía, el estado vacío explica el flujo y ofrece Crear plantilla.
Consejo
Pon alias fáciles de recordar y estables. Quien integra por la API usa el alias, y el equipo puede rehacer el diseño del correo sin tocar el código.
#Diseños y familias
Dos pestañas ayudan a no empezar de cero. Están en la propia pantalla Plantillas (la pestaña elegida queda en la dirección de la página).
Pestaña Diseños
Tiene dos vistas, Galería y Mis diseños, y la búsqueda Buscar diseños.
| Vista | Qué es |
|---|---|
| Galería | Diseños listos organizados por categoría (Bienvenida, Boletín, Promoción, Producto, Comercio electrónico, Transaccional, Anuncio, Evento, Incorporación, Reactivación, Opiniones, Fechas especiales, Contenido y Servicios). Cada tarjeta tiene una miniatura. Vista previa abre el diseño en tamaño real; Usar diseño crea una plantilla nueva a partir de él y abre el editor. |
| Mis modelos | Los diseños que tu equipo guardó con Guardar como diseño, en el editor de una plantilla o de una campaña. Están disponibles para todo el equipo. El menú de cada uno tiene Editar detalles (nombre, descripción y categoría), Duplicar y Eliminar (las plantillas creadas a partir de él no cambian). El número de diseños guardados depende del plan. |
Pestaña Familias
Una familia es un conjunto completo de 15 correos electrónicos que un producto suele enviar (bienvenida, confirmación de correo, código de acceso, enlace mágico, restablecimiento de contraseña, alerta de seguridad, invitación al equipo, suscripción confirmada, plan cambiado, pago no aprobado, fin de la prueba gratis, recibo, novedad del producto, actualización del producto y texto sin formato), todos con el mismo estilo. Hay diez familias, de Esencial a Pulso.
| Elemento | Qué hace |
|---|---|
| Aplicar tu marca | Abre Tu marca: Logotipo, Nombre de la empresa, Color principal, Fuente, Dirección del pie y Enlace de soporte. Vale para todas las familias y se guarda en este navegador. Restaurar valor predeterminado lo deshace. |
| Ver familia | Muestra los correos de la familia. La vista previa tiene Escritorio y Móvil, Modo oscuro (simula aplicaciones que invierten los colores), Ver código HTML (con Copiar HTML) y la lista de Variables de la plantilla de cada correo, con el alias sugerido y cuáles son obligatorias. |
| Usar esta familia | Crea una plantilla para cada correo marcado, ya con alias, asunto, preheader y variables. En Usar la familia ... marcas los correos (Seleccionar todos / Deseleccionar todo) y decides Publicar al crear (desactivado, las plantillas quedan en borrador). Si un alias ya existe, elige por correo entre Reemplazar (cambia el contenido y conserva el historial de versiones), Crear con sufijo y Omitir. |
| Usar solo este | Crea una única plantilla a partir de un correo de la familia. |
Al final, la pantalla de éxito lista las plantillas creadas y muestra el código para enviar cada una. Cuando la familia se publicó al crearla, ya se puede enviar por la API con el alias de cada plantilla.
#Editor visual
Dónde está: Correos › Plantillas, haciendo clic en una plantilla. Dirección: app.postal.so/templates.
El editor se abre en el modo Visual cuando la plantilla se hizo con él. A la izquierda está el lienzo del correo, dibujado con el mismo HTML que recibirá el destinatario, y el texto se edita directamente en él. A la derecha está el panel de propiedades.
Encabezado y campos de la plantilla
| Elemento | Qué hace |
|---|---|
| Nombre de la plantilla | El campo grande de arriba. Junto a él, la etiqueta del estado: Cambios sin guardar, Borrador, Publicada o Publicada, con cambios sin publicar. |
| Escribir con IA | Abre ¿De qué trata el correo electrónico?: describe el correo, elige el Tono (Profesional, Cercano, Formal, Informal o Persuasivo) y el Idioma y haz clic en Generar correo. El asunto y el contenido actuales se reemplazan (se puede descartar sin guardar). Usa 1 crédito de IA. |
| Ver código | Cómo enviar con esta plantilla por la API. |
| Guardar como diseño | Guarda el diseño en Mis diseños para reutilizarlo. |
| Versiones | El botón con el reloj abre las Versiones publicadas: cada publicación genera una versión, la que está en uso aparece con En uso, y Restaurar copia la versión elegida al borrador (después, publica para que los envíos pasen a usarla). |
| Probar | Envía el borrador guardado a direcciones reales. Consulta Probar y publicar. |
| Guardar | Guarda el borrador (atajo Ctrl/Cmd + S). Solo está activo cuando hay cambios. |
| Publicar | Guarda, si hace falta, y publica una versión nueva: es la versión publicada la que usan los envíos por API. |
| De | El remitente predeterminado. Se puede cambiar al enviar. Tiene que ser de un dominio verificado. |
| Asunto | Admite variables, como Seu pedido {{{ORDER_ID}}} foi confirmado. El botón con las chispas, Sugerir asuntos con IA, propone opciones a partir del contenido (necesita texto escrito antes; gasta 1 crédito) y Generar más trae más. |
| Responder a (opcional) | A dónde van las respuestas de los destinatarios. |
| Alias (opcional) | Apodo para enviar con { id: 'alias' } en lugar del ID. Solo admite letras minúsculas, números y . _ -. |
Bloques
El correo se compone de bloques, apilados de arriba abajo. Para insertar uno, pasa el ratón entre dos bloques y haz clic en el + (Insertar un bloque aquí), o escribe / en una línea de texto vacía (consulta el menú /). En un lienzo vacío, el botón Empieza insertando un bloque hace lo mismo. El panel lateral muestra los bloques en cinco grupos:
| Grupo | Bloques |
|---|---|
| Texto | Encabezado, Texto, Botón, Lista, Testimonio y Pie de página. |
| Estructura | Encabezado (logotipo y enlaces), Portada (título, texto, imagen y botón), Columnas, Separador y Espacio. |
| Multimedia | Imagen, Video (una miniatura que abre el video en el navegador) y Redes sociales. |
| Ventas | Producto, Cupón, Tabla y Fecha límite (un texto fijo como "La oferta termina el 29/11 a las 23h59"). |
| Avanzado | HTML: un fragmento de HTML tuyo dentro del diseño. |
Haz clic en un bloque para seleccionarlo: aparece su nombre en la esquina y una barra con Subir, Bajar, Duplicar bloque y Quitar bloque. Dentro de una columna también hay Mover a la columna anterior y Mover a la columna siguiente. El bloque de Columnas no puede quedar dentro de otras columnas.
El panel de la derecha muestra las propiedades del bloque seleccionado: el Contenido (textos, imagen, enlaces, elementos), el Diseño (alineación, tamaño) y las opciones de sección (Fondo de la sección, Color del texto, Espaciado interno (px), Esquinas redondeadas (px), Ocultar en móvil y Ocultar en escritorio). Los campos de enlace admiten variables, como https://lojaexemplo.com.br/pedidos/{{{ORDER_ID}}}.
Estilo de la página
Con ningún bloque seleccionado, el panel muestra el Estilo de la página, que vale para todo el correo:
| Campo | Qué hace |
|---|---|
| Texto de vista previa | El fragmento que aparece junto al asunto en la bandeja de entrada (el preheader). |
| Fuente | Sistema, Helvetica / Arial, Georgia, Verdana, Trebuchet o Monoespaciada. Son fuentes que las aplicaciones de correo ya tienen. |
| Colores | Fondo, Contenido, Texto, Títulos, Enlaces, Botón y Texto del botón. |
| Tamaños | Ancho (de 480 a 720 px), Esquinas, Margen lateral y Esquinas del botón. |
| Restablecer el estilo predeterminado | Devuelve el estilo al original. |
El menú "/"
En un bloque de Texto vacío, escribe / (el campo muestra la pista Escribe / para insertar un bloque). Se abre el menú Insertar bloque con los cinco grupos de arriba; elige uno y sustituye la línea vacía. En una columna, el menú aparece con Insertar en la columna N. Un / en medio de un texto escrito es solo una barra. Para cerrar sin insertar, usa la X del menú.
Variables en el texto: el menú "{" y los chips
En cualquier texto del correo (título, texto, pie, portada), escribe { y aparece una lista de Variables junto al cursor, con el aviso de cuántas hay disponibles. Sigue escribiendo para filtrar (primero las que empiezan por esas letras, después las que las contienen), usa las flechas arriba y abajo, Enter o Tab para elegir y Esc para cerrar. Hacer clic en una opción también sirve.
- La variable elegida se convierte en un chip: una "píldora" con el nombre, como
{{{NAME}}}. El chip no se edita por dentro; el cursor pasa por encima, y una sola tecla Retroceso o Supr borra la variable entera. Cortar y pegar lleva la variable consigo. - Lo que queda guardado en el correo es solo el texto
{{{NAME}}}: el chip existe solo mientras editas. Escribir el nombre completo ({{{NAME}}}) también se convierte en chip automáticamente, si la variable existe. Los nombres que no existen (error de escritura) y las variables con valor predeterminado ({{{NAME|cliente}}}) quedan como texto normal. - La lista trae primero las variables de la propia plantilla y después las que Postal ya conoce:
FIRST_NAME,LAST_NAME,EMAIL,POSTAL_UNSUBSCRIBE_URL,NAMEyCOMPANY. - Para poner una variable sobre un texto que ya existe, selecciona el texto y usa Insertar variable en la barra flotante (las llaves
{ }).
La barra flotante del texto
Al seleccionar un fragmento de texto, aparece una barra encima, sin mover el cursor de sitio:
| Botón | Qué hace |
|---|---|
| Negrita, Cursiva, Subrayado, Tachado | Aplican y quitan el formato. Atajos: Ctrl/Cmd + B, I, U y Shift + X. El botón se ilumina cuando el fragmento ya tiene el formato. |
| Enlace | Cambia la barra por un campo de dirección (atajo Ctrl/Cmd + K). Confirma con la marca de verificación o Enter; Quitar enlace lo quita; Esc cancela. "lojaexemplo.com.br" se convierte en https://lojaexemplo.com.br y "[email protected]" en mailto:. Solo se aceptan http, https, mailto y tel; cualquier otro tipo muestra Este tipo de dirección no está permitido. |
| Insertar variable | Abre la lista de variables para el fragmento seleccionado. |
| Borrar formato | Quita la negrita, la cursiva y el resto del formato del fragmento seleccionado. |
La barra flotante de la imagen
Al seleccionar un bloque que tiene imagen (Imagen, Portada con imagen, Producto, Encabezado con logotipo, Video y Testimonio con foto), aparece una barra sobre la figura:
| Botón | Qué hace |
|---|---|
| Reemplazar imagen / Añadir imagen | Abre el selector de archivos y sube la nueva imagen (PNG, JPG o WebP; las fotos grandes se reducen solas; los GIF animados se suben tal cual, con un límite de tamaño). La misma subida existe en el panel lateral. |
| Enlace de la imagen | Define a dónde lleva la imagen al hacer clic en ella. Sigue las mismas reglas de dirección que el enlace del texto. |
| Editar texto alternativo | El texto que aparece cuando la aplicación bloquea las imágenes y que leen los lectores de pantalla. Un puntito de aviso recuerda cuándo está vacío. |
| Quitar imagen | Quita la imagen del bloque. |
Consejo
Escribe el texto alternativo de toda imagen importante: muchas aplicaciones bloquean las imágenes de forma predeterminada, y los correos con solo imagen tienen más probabilidad de caer en spam.
#Variables
Una variable es un espacio del correo que cambia en cada envío. Escríbela entre tres llaves, como {{{NOME}}}, en el asunto, en el texto y en los enlaces. Las variables se detectan solas y aparecen en la tarjeta Variables, debajo del editor.
| Campo | Qué es |
|---|---|
| Nombre | Letras, números y guion bajo (por ejemplo, ORDER_ID). Todo en mayúsculas es solo una convención. |
| Tipo | Texto o Número. |
| Valor predeterminado | Lo que vale cuando el envío no informa la variable. Sin valor predeterminado, la variable es obligatoria en el envío (la API devuelve un error si falta). |
Quien envía informa los valores en la llamada: template: { id: \'pedido-confirmado\', variables: { ORDER_ID: \'10482\' } }. Una plantilla nueva ya viene con la variable NAME (valor predeterminado "cliente"). Si borras todas las apariciones de una variable del correo, desaparece de la tarjeta; se conservan los ajustes de tipo y de valor predeterminado de las que siguen en uso.
Consejo
En las campañas y automatizaciones, FIRST_NAME, LAST_NAME, EMAIL y POSTAL_UNSUBSCRIBE_URL las rellena la propia Postal con los datos del contacto. En un envío transaccional con plantilla, tú mismo informas todas.
Mira también: Plantillas (API) · Enviar correo · Personalización en campañas.
#Editor HTML
La pestaña HTML tiene dos comportamientos, según la plantilla:
| Situación | Qué muestra la pestaña |
|---|---|
| Plantilla creada en el editor visual | Muestra el HTML generado, solo de lectura, para que lo copies o lo revises. El botón Editar HTML a mano pasa la plantilla al modo HTML: el editor visual deja de usarse en ella (el panel pide confirmación, porque al volver se empieza un diseño nuevo). |
| Plantilla en HTML | Muestra los campos HTML (usa {{{NOME}}} para las variables) y Versión en texto plano (opcional). Si dejas la versión en texto vacía, Postal genera una a partir del HTML. El botón Usar el editor visual empieza un diseño nuevo y reemplaza el HTML actual (con confirmación, si ya hay HTML). |
Consejo
Elige el HTML cuando ya tengas un correo electrónico listo (de una agencia o de otro sistema). ¿Tienes la versión en texto? Consérvala: algunos filtros de spam penalizan los correos electrónicos que solo tienen HTML.
Mira también: Crear una plantilla con la API.
#Vista previa
La pestaña Vista previa muestra el correo electrónico tal como sale, en un marco aislado. Los botones Escritorio y Móvil cambian el ancho (el móvil simula 375 px). Las variables aparecen con el valor predeterminado que definiste; las que no tienen valor predeterminado aparecen como el propio marcador, por ejemplo {{{NOME}}}.
La vista previa muestra lo que hay ahora en el editor, sin necesidad de guardar. Para ver el correo electrónico llegar de verdad, usa Probar.
#Probar y publicar
Probar
Probar abre Enviar un correo de prueba. Envía el borrador guardado, con [Test] en el asunto (si hay cambios sin guardar, el botón pide Guarda antes de probar). Rellena:
| Campo | Qué es |
|---|---|
| Para | Hasta 5 direcciones, separadas por comas. Ya viene rellenado con tu correo electrónico. |
| De | Solo aparece si la plantilla no define un remitente. |
| Variables | Un campo por variable: Obligatorio cuando no hay valor predeterminado; si lo dejas vacío y hay un valor predeterminado, se usa ese valor. |
Las pruebas cuentan en la cuota de envíos y aparecen en la lista de Correos.
Publicar y versiones
El borrador es solo tuyo. Los envíos por API usan la versión publicada; por eso, después de cambiar una plantilla en uso, haz clic en Publicar. Cada publicación guarda una versión, y Restaurar vuelve a una anterior (copiándola al borrador). Para volver a una versión que ya está en producción, restaura y publica de nuevo.
Atención
Eliminar una plantilla hace que fallen los envíos que usan su ID o su alias. Si solo necesitas cambiar el diseño, edita y publica.
Mira también: Publicar (API) · Probar (API) · Versiones (API).