Plantillas de correo
Diseña los correos de tus campañas en un editor visual: arrastra bloques, escribe sobre el correo y mira cómo se ve en computador y celular.
Dónde estáCanales › Contenido › Plantillas
Quién puede usarloAdministradores y usuarios con el módulo Canales › Contenido
Una plantilla es el asunto y el diseño de un correo, listos para usar en cualquier campaña de Mailing. Se diseña en un editor visual que funciona igual que Editar tienda: escribes sobre el correo, seleccionas lo que quieres cambiar y las opciones aparecen al lado.
Nota
Plantillas vive en Canales › Contenido, junto a Carruseles y Encuestas, y tiene su propio permiso (Canales › Contenido): diseñar una pieza y decidir a quién se le manda son responsabilidades distintas. Mailing puede usar las plantillas aunque quien envía no tenga permiso para editarlas.
Crear una plantilla
- Ve a Canales › Contenido › Plantillas y selecciona Nueva plantilla.
- Elige cómo empezar: En blanco, Novedades, Promoción con cupón, Bienvenida, Encuesta o Productos destacados. Todas salen con el nombre, el logo y los colores de tu tienda.
- Encuesta te pide elegir una de tus encuestas publicadas y arma el correo con su título, su descripción y un botón Responder la encuesta con su enlace y su color. Los borradores y las cerradas aparecen, pero no se pueden elegir: su enlace no funcionaría.
- Ajusta el diseño en el editor (ver abajo).
- Arriba a la izquierda, escribe el nombre de la plantilla (solo lo ve tu equipo).
- Selecciona Guardar.
El editor
El editor se abre a pantalla completa, con tres zonas:
| Zona | Para qué |
|---|---|
| Bloques (izquierda) | Las piezas del correo. Haz clic en una para agregarla debajo de lo seleccionado, o arrástrala al lugar exacto: una línea azul marca dónde va a quedar. |
| Correo (centro) | El correo tal como se verá. Arriba, cómo aparece en la bandeja de entrada: remitente, asunto y texto de vista previa. |
| Opciones (derecha) | Todas las opciones de lo seleccionado. Se despliega al pasar el ratón o con Más; el alfiler lo deja abierto. |
Al seleccionar un bloque aparece una barra flotante con lo que más se usa: tamaño, colores, alineación, enlace. Sobre el bloque salen sus acciones: la agarradera para arrastrarlo, subir, bajar, duplicar y eliminar.
- Escribir: haz clic en cualquier título, texto, botón, cupón o pie y escribe encima. En un texto, deja una línea en blanco para empezar otro párrafo.
- Deshacer y rehacer: con los botones de arriba o con
Ctrl+ZyCtrl+Shift+Z. - Eliminar el bloque seleccionado:
Supr. - Estilo general: abajo a la izquierda, o haz clic fuera del correo. Cambia la fuente, los colores, el ancho y las esquinas de todo el correo.
Bloques
| Bloque | Qué es |
|---|---|
| Encabezado | El logo o el nombre de tu tienda, con fondo de color y una bajada opcional. |
| Título | Un título grande. Tamaño, negrita, color y alineación. |
| Texto | Uno o varios párrafos. Tamaño, negrita, cursiva, color, interlineado y alineación (también justificado). |
| Imagen | Una imagen que subes o pegas, con ancho, esquinas, enlace opcional y texto alternativo. |
| Botón | Un llamado a la acción con enlace. Colores, tamaño, esquinas y opción de ocupar todo el ancho. |
| Columnas | Dos o tres columnas, cada una con imagen, título, texto y botón. |
| Productos | Productos de tu catálogo con foto, nombre, precio (y el precio anterior tachado si están en oferta) y botón a su página. Elige hasta 6 en el panel. |
| Cupón | Un código de descuento destacado, con borde recortable. Créalo también en Cupones para que funcione en la tienda. |
| Separador | Una línea: color, grosor, largo y estilo (continua, guiones o puntos). |
| Espacio | Aire entre bloques, de la altura que quieras. |
| Redes | Botones a tus redes sociales. Traer las de la tienda usa las de Editar tienda › Pie. |
| Pie | Tus datos de contacto y por qué la persona recibe el correo. |
| HTML | Código propio, para quien lo necesite. |
Todos los bloques tienen, además, fondo y espaciado (arriba y abajo, y a los lados).
Sugerencia
En el bloque Productos, los precios se toman al elegir cada producto. Si cambias un precio en la tienda, usa Actualizar precios en el panel del bloque antes de enviar.
Asunto y vista previa
En la parte de arriba del lienzo, donde se ve la bandeja de entrada, escribe:
- Asunto: admite variables, por ejemplo
{{nombre}}, llegaron las novedades. Los de menos de 50 caracteres se leen completos en el celular. - Texto de vista previa (opcional): la frase gris que la bandeja muestra junto al asunto. Si lo dejas vacío, la bandeja muestra el primer texto del correo.
Variables
| Variable | Se reemplaza por |
|---|---|
{{nombre}} | Nombre del contacto. |
{{correo}} | Correo del contacto. |
{{ciudad}} | Ciudad del contacto, si se conoce. |
Para insertar una variable en un título o un texto, haz clic donde la quieres y usa Insertar › Nombre, Ciudad o Correo en la barra flotante.
Ver cómo queda
- Computador y celular: los botones de arriba cambian el ancho. En el celular las columnas y los productos se ponen uno debajo de otro.
- Vista real: muestra el HTML exacto que se envía, con datos de ejemplo en las variables.
- Enviar prueba: manda la plantilla, como está en ese momento, a un correo (por defecto el tuyo), con [Prueba] en el asunto. No hace falta guardar antes.
Pensado para el correo
Los programas de correo (Gmail, Outlook, Apple Mail, los del celular) entienden mucho menos que un navegador. Por eso el editor solo ofrece lo que se ve bien en todos:
- Fuentes seguras: Arial, Verdana, Georgia, Trebuchet, Tahoma, Times y Courier, más la fuente del sistema. Las fuentes descargables no se ven en Gmail ni en Outlook, así que no se ofrecen.
- Diseño con tablas y estilos en línea: es lo único que todos respetan.
- Columnas que se apilan solas en pantallas pequeñas, sin depender de funciones que algunos correos ignoran.
- Botones hechos con código, no con imágenes: se ven aunque la persona tenga las imágenes bloqueadas.
Importante
Las imágenes tienen que estar en internet (las que subes desde el editor ya lo están). Usa imágenes de hasta 1200 px de ancho y menos de 1 MB: muchos correos no cargan las pesadas.
Plantillas anteriores
Las plantillas hechas antes de este editor se abren convertidas en bloques: las del formulario, con su título, párrafos, imagen y botón; las de código, dentro de un bloque HTML entre tu encabezado y tu pie. Hasta que las guardes desde el editor se siguen enviando como antes. En la lista aparecen marcadas como formato anterior.
Editar, duplicar o eliminar
- Editar: haz clic en la miniatura o en el lápiz. Los cambios aplican a las próximas campañas.
- Duplicar: crea una copia para hacer una variante sin tocar la original.
- Eliminar: borra la plantilla. No se puede si una campaña la está usando.
Buenas prácticas
- Un solo llamado a la acción claro por correo.
- No pongas lo importante solo en imágenes: muchos correos las bloquean. Escríbelo también en el texto.
- Incluye un pie con tus datos de contacto: ayuda a que no marquen el correo como spam.
- Antes de lanzar una campaña, usa Enviar prueba y revísalo en tu celular.
Más en Canales
¿Algo no quedó claro o no funciona como se describe? Abre un caso desde Soporte › Soporte GrowiLabs en tu panel y el equipo de GrowiLabs te responde ahí mismo.