Saltar al contenido principal

Plantillas de correo

Después de leer esta página, podrás construir una plantilla de correo a partir de bloques en un lienzo visual, subir una imagen a ella, obtener el HTML terminado para reutilizarlo en otro sitio, convertir una plantilla antigua de HTML en bruto a modo lienzo sin perder nada, y asignar una plantilla al evento que debe enviarla.

Etiqueta de navegación — Plantillas de correo / Eventos de correo: EN: Email Templates / Email Events · IT: Modelli email / Eventi email · FR: Modèles d'e-mail / Événements e-mail · DE: E-Mail-Vorlagen / E-Mail-Ereignisse · ES: Plantillas de correo / Eventos de correo · PT: Modelos de e-mail / Eventos de e-mail · NL: E-mailsjablonen / E-mailgebeurtenissen


Antes de empezar​

Las plantillas de correo y los eventos de correo son solo para el manager — no hay ninguna pantalla en la aplicación móvil para ninguno de los dos. Los clientes nunca ven el editor ni la lista de eventos; solo reciben el correo terminado, igual que cualquier otro mensaje de tu estudio.

Una plantilla por sí sola no envía nada. Para que salga de verdad, necesita estar adjunta a algo que dispare un envío — un Evento de correo (ver más abajo) o un paso de una Automatización de marketing. Esta página cubre la construcción de la plantilla en sí y su asignación a un evento; consulta Automatizaciones de marketing para el caso del paso de una automatización.


Resumen: modo lienzo frente a modo HTML​

Cada plantilla de correo está en exactamente uno de dos modos, nunca una mezcla de ambos:

  • Modo lienzo — construyes el correo visualmente, añadiendo y organizando bloques (texto, imagen, botón, separador, espaciador) de arriba abajo, como maquetarías una página. Este es el modo predeterminado para una plantilla nueva y es la opción correcta para casi todo el mundo.
  • Modo HTML — escribes el HTML del correo directamente, en un cuadro de texto plano, el mismo editor que Agon ha tenido siempre. Usa esto solo si necesitas algo que el editor de bloques no puede hacer — una maquetación que los bloques disponibles no admiten, o HTML que estás pegando desde otro sitio.

El lienzo muestra el correo exactamente como se representará, en directo, a medida que añades o editas bloques — no hay un paso de "vista previa" aparte por el que pasar.


Construir un correo a partir de bloques​

  1. Ve a Plantillas de correo en la barra lateral izquierda, dentro de la sección Marketing.

  2. Haz clic en Nueva plantilla. Se abre una plantilla nueva en modo lienzo con un lienzo vacío.

  3. Introduce un Nombre de plantilla (para tu propia referencia — los clientes nunca lo ven) y una línea de Asunto.

  4. Añade bloques desde la paleta que hay sobre el lienzo: Texto, Imagen, Botón, Separador, Espaciador o HTML. Cada clic añade ese bloque al final del lienzo y lo selecciona.

  5. Haz clic en cualquier bloque del lienzo para seleccionarlo. Sus controles aparecen en el panel Propiedades del bloque a la derecha:

    BloqueControles
    TextoContenido, Negrita, Cursiva, Alineación, Tamaño de fuente, Color del texto
    ImagenSubir imagen, Texto alternativo, Ancho, Alineación, Enlace (opcional)
    BotónTexto del botón, Enlace del botón, Alineación, Color de fondo, Color del texto
    SeparadorColor del separador
    EspaciadorAltura (px)
    HTMLContenido HTML en bruto, para un bloque sobre el que quieres control manual total
  6. Reordena los bloques arrastrando uno a una nueva posición, o pasando el ratón sobre un bloque y haciendo clic en las flechas ↑ / ↓ que aparecen. Quita un bloque con el botón × de los mismos controles al pasar el ratón.

  7. Para un bloque de Texto, haz clic en cualquiera de las fichas de variable bajo el cuadro de contenido (por ejemplo {{client_name}}) para insertarla al final de tu texto — se sustituye por el valor real del cliente cuando se envía el correo.

  8. Haz clic en Guardar cuando termines. La plantilla está lista para adjuntarse a un Evento de correo o a un paso de una Automatización de marketing.


Subir una imagen a un bloque de Imagen​

  1. Añade un bloque de Imagen desde la paleta, o selecciona uno existente.
  2. En el panel Propiedades del bloque, haz clic en Subir imagen y elige un archivo de tu ordenador.
  3. Espera a que termine la subida — el bloque muestra una superposición de "Subiendo..." mientras está en curso. Una vez que se completa, la imagen aparece en el lienzo.
  4. Opcionalmente establece el Texto alternativo (se muestra si la imagen no se carga en el cliente de correo del destinatario, y se usa para accesibilidad), el Ancho, la Alineación y un Enlace si quieres que la propia imagen sea clicable.

No hay una biblioteca de medios compartida — cada imagen que subes pertenece a ese único bloque de Imagen. Si quieres la misma foto en dos bloques, súbela dos veces (una por bloque).


Usar el panel Ver / Copiar HTML​

Haz clic en Ver / Copiar HTML en la parte superior del editor en cualquier momento para ver el HTML exacto que produce tu lienzo actualmente. Haz clic en Copiar HTML para copiarlo al portapapeles — útil si quieres reutilizar el mismo correo con estilo en otro sitio, como pegarlo en otra herramienta. Haz clic en Volver al lienzo para regresar al editor de bloques; nada de lo que copies o veas aquí cambia la plantilla.


Convertir una plantilla de HTML en bruto a modo lienzo​

Una plantilla construida antes de esta función — o una que creaste deliberadamente en modo HTML — todavía no tiene bloques. Al abrirla para editarla se muestra un enlace Convertir a lienzo junto al editor de HTML.

Al hacer clic en él, tu HTML existente se envuelve como un único bloque HTML de inicio en el lienzo — no se pierde nada. Desde ahí puedes:

  • Dejar ese único bloque tal cual y añadir bloques nuevos (texto, imagen, botón, etc.) encima o debajo de él, o
  • Editar el HTML en bruto del bloque envuelto directamente (sigue siendo un bloque HTML, solo que ahora en el lienzo), o
  • Eliminarlo y reconstruir el correo desde cero usando bloques ordinarios.

La conversión solo ocurre cuando haces clic en el enlace — una plantilla nunca cambia de modo automáticamente, y si cierras el editor sin guardar, la plantilla original en modo HTML queda intacta.


Cuándo usar el modo HTML en su lugar​

El modo lienzo cubre las maquetaciones que necesitan la mayoría de los estudios, pero puedes empezar una plantilla nueva directamente en modo HTML (haz clic en o empieza desde HTML en bruto en un lienzo nuevo y aún vacío) o mantener una plantilla existente en modo HTML tal cual. Razones para quedarte en modo HTML:

  • Estás pegando un correo completo que diseñaste o exportaste en otro sitio, y no quieres reconstruirlo bloque a bloque.
  • Necesitas una maquetación o una técnica de estilo que los seis tipos de bloque del editor no admiten.
  • Quieres ajustar el HTML a mano con precisión y no necesitas el flujo de arrastrar y soltar.

Una plantilla siempre está en un modo o en el otro — pasar de HTML a modo lienzo es siempre la acción explícita Convertir a lienzo de arriba, nunca automática.


Eventos de correo​

Un Evento de correo es lo que realmente dispara el envío de una plantilla. Asignar una plantilla a un evento es lo que convierte una plantilla que construiste arriba en un correo real y automático.

  1. Ve a Eventos de correo en la barra lateral izquierda, dentro de la sección Marketing.
  2. Para cada tipo de evento de la lista, elige la plantilla que debe enviarse cuando ocurra ese evento, o déjalo como Plantilla predeterminada para usar el texto integrado propio de Agon para ese evento en lugar de uno personalizado.

Los tipos de evento son:

EventoSe envía cuando
Invitación de clienteSe crea una cuenta de cliente nueva
Restablecimiento de contraseñaUn cliente solicita un restablecimiento de contraseña
Reserva confirmadaUn cliente reserva una clase
Reserva canceladaSe cancela una reserva (por el cliente, un manager o una cancelación de clase)
Recordatorio de clasePoco antes de una clase en la que el cliente tiene reserva
Membresía por caducarLa membresía de un cliente está a punto de caducar
Promovido de la lista de esperaUn cliente sale de la lista de espera a una plaza confirmada

A diferencia de los Eventos SMS (consulta Mensajería SMS), aquí todos los tipos de evento están totalmente conectados — asignar una plantilla a cualquiera de ellos surte efecto de inmediato, no solo los dos flujos que el SMS admite actualmente.

Una plantilla que está actualmente asignada a un evento no se puede eliminar desde Plantillas de correo — desasígnala aquí primero.


¿Y si algo sale mal?​

Mi subida de imagen falló o está atascada en "Subiendo..." Inténtalo de nuevo — una subida fallida muestra un mensaje de error bajo el panel de propiedades y el bloque simplemente mantiene su imagen anterior (o vacía), no se pierde nada. Si sigue fallando, comprueba que el archivo es un archivo de imagen real y no inusualmente grande.

Convertí una plantilla HTML a lienzo y quiero volver atrás No hay una acción directa de "convertir de vuelta", pero no se perdió nada en la conversión — tu HTML original se conserva intacto dentro del único bloque HTML que creó la conversión. Elimina todos los demás bloques que hayas añadido desde entonces y vuelves al HTML original envuelto en un bloque. Si no has guardado desde la conversión, cerrar el editor sin guardar descarta la conversión por completo.

No puedo saber si mi plantilla está en modo lienzo o en modo HTML El modo lienzo muestra la paleta de bloques, el lienzo de arrastrar y soltar y un panel de Propiedades del bloque. El modo HTML muestra un único cuadro de texto grande y una lista de fichas de variable insertables encima. Si estás editando una plantilla más antigua y ves el cuadro de texto plano, esa plantilla sigue en modo HTML — usa Convertir a lienzo si quieres cambiarla.

Eliminé una plantilla por error No hay deshacer. Si la plantilla estaba asignada a un Evento de correo o se usaba en un paso de una Automatización de marketing, Agon bloquea la eliminación y te dice qué evento o automatización todavía la usa — reasigna o quita esa referencia primero si de verdad quieres eliminarla.

El correo no se ve bien cuando llega El lienzo muestra una vista previa en directo y fiel del HTML que estás produciendo, pero distintos clientes de correo (Gmail, Outlook, Apple Mail, etc.) pueden representar el correo HTML de forma ligeramente distinta entre sí — esto es una propiedad general del correo HTML, no algo específico de Agon. Usa Ver / Copiar HTML y envíate una prueba a través de un Evento de correo asignado si quieres confirmar exactamente cómo se ve en tu propia bandeja de entrada antes de confiar en ello.


Preguntas frecuentes​

¿Puedo tener algunos bloques y algo de HTML en bruto en la misma plantilla? Sí — un bloque HTML es uno de los seis tipos de bloque. Puedes mezclar bloques ordinarios (texto, imagen, botón, separador, espaciador) con uno o varios bloques HTML en el mismo lienzo; lo que no puedes hacer es tener una plantilla que sea en parte estructurada en lienzo y en parte un html_body en bruto aparte fuera de esa estructura. Es totalmente modo lienzo (construida a partir de bloques, bloques HTML incluidos) o totalmente modo HTML (un cuadro de texto, sin bloques en absoluto).

¿La imagen que subo cuenta para algo, o caduca? No. Una imagen subida se almacena en el servidor propio de tu estudio y sigue disponible indefinidamente, igual que cualquier otro archivo que Agon almacena por ti.

¿Pueden los clientes ver el lienzo o el editor de bloques? No. Plantillas de correo, incluido el editor de lienzo, es solo para el manager. Los clientes solo ven el correo terminado y representado en su bandeja de entrada.

¿Por qué no hay un botón de "vista previa"? El propio lienzo es siempre una vista previa en directo y exacta — cada edición de bloque lo actualiza de inmediato, así que no hay nada más por lo que pasar.


Páginas relacionadas​