Su cuenta envía notificaciones por correo electrónico regularmente a los usuarios finales cuando ocurren eventos como actualizaciones de tickets o del centro de ayuda. El contenido y formato de casi todos estos mensajes de correo electrónico dependen de dos plantillas en el Centro de administración: una plantilla de HTML y una de texto sin formato. Ambos formatos se incluyen en cada correo electrónico que se envía. La versión que ven los usuarios finales depende de cómo estén configuradas las preferencias en su aplicación de correo electrónico.
Puede usar ambas plantillas tal cual o bien editarlas para ajustarlas a sus necesidades. A diferencia de la plantilla de texto sin formato, la plantilla de HTML también le permite personalizar el aspecto y funcionamiento del correo electrónico que se envía desde su cuenta. Por ejemplo, puede agregar el logotipo de su compañía o una pancarta de llamada a la acción para reflejar la identidad de su marca o el aspecto de su centro de ayuda.
- Limitaciones
- Anatomía de las plantillas de correo electrónico
- Personalizar su correo electrónico en HTML
- Personalizar su correo electrónico en texto sin formato
- Personalizar su correo electrónico en disparadores y automatizaciones
- Personalizar su correo electrónico para varias marcas
- Tipos de marcadores de posición para la plantilla de HTML para correo electrónico
Limitaciones
- La edición de plantillas de correo electrónico no está permitida de manera predeterminada en las cuentas de prueba y es posible que tampoco esté permitida en algunas otras cuentas. Para activar la función de editar, contacte a Atención al cliente de Zendesk y proporcione su subdominio, un vínculo al sitio web de su compañía y una breve descripción de los cambios que desea hacer.
- Las notificaciones por correo electrónico de conversaciones secundarias no utilizan las plantillas de correo electrónico.
Anatomía de las plantillas de correo electrónico
Es útil conocer la anatomía de las plantillas de HTML y de texto sin formato a la hora de personalizarlas.
Anatomía de la plantilla de HTML
La notificación por correo electrónico en HTML estándar que se envía desde su cuenta de Zendesk es como sigue:
Los números que aparecen junto a la captura de pantalla hacen referencia a los siguientes componentes en las plantillas de correo electrónico:
|
cuerpo del correo electrónico |
El cuerpo del correo electrónico está representado por el marcador de posición
Antes de enviar el correo electrónico, el sistema reemplaza el marcador de posición El cuerpo del correo electrónico en sí se define en un disparador. En la siguiente acción de disparador, el cuerpo del correo electrónico está resaltado en rojo:
En el ejemplo, el cuerpo del correo electrónico consta de dos elementos:
Consulte Personalizar su correo electrónico en disparadores y automatizaciones. |
|
pie de página estándar |
El pie de página estándar consta de los dos marcadores de posición siguientes:
Los dos marcadores de posición son opcionales. Puede borrar uno o ambos de la plantilla. |
Anatomía de la plantilla de texto sin formato
La plantilla de texto sin formato para correo electrónico se usa cuando el usuario elige no leer los mensajes de correo electrónico en formato HTML. La plantilla consta de dos marcadores de posición del sistema:
{{content}}
{{footer}}
El marcador de posición {{content}} inserta el texto generado a partir de las reglas de negocio (disparadores, automatizaciones o macros) y los comentarios del ticket. El marcador de posición {{footer}} es opcional. Puede eliminarlo si lo desea. Si desea más información, consulte Introducción a los marcadores de posición del sistema.
Si desea agregar una línea a sus mensajes de correo electrónico en texto sin formato, agréguela a la plantilla.
Thanks for contacting Mondocam Support!
{{content}}
{{footer}}
Personalizar su correo electrónico en HTML
Puede personalizar el aspecto y funcionamiento de las notificaciones por correo electrónico en HTML que se envían a sus clientes. En esta sección se tratan los siguientes temas:
- Editar la plantilla de HTML para correo electrónico
- Ejemplo: Cambiar el color del texto del pie de página
- Ejemplo: Agregar el logotipo
Si desea ver más pautas o recetas, consulte Recetario de diseño de correo electrónico de Zendesk.
Editar la plantilla de HTML para correo electrónico
El aspecto de los mensajes de correo electrónico en HTML se puede cambiar con solo editar la plantilla de HTML para correo electrónico en el Centro de administración. Para editar la plantilla de HTML se requiere cierto nivel de conocimientos de HTML y CSS. Si desea ver recetas, consulte Recetario de diseño de correo electrónico de Zendesk. Si desea obtener pautas de diseño, consulte Pautas y mejores prácticas de HTML para el correo electrónico.
Los cambios se aplican a su correo electrónico saliente inmediatamente después de guardarlos. Por lo tanto, debe previsualizar y probar sus cambios antes de aplicarlos a la plantilla. Si tiene un plan Enterprise, también puede probar los cambios a los mensajes de correo electrónico en un sandbox antes de hacerlos públicos.
Para editar la plantilla de HTML
-
En el Centro de administración, haga clic en
Canales en la barra lateral y luego seleccione Talk y correo electrónico > Correo electrónico.Si tiene un plan Enterprise, para continuar haga clic en Administrar configuración > Plantillas.
- Desplácese al cuadro Plantilla de HTML.
- Modifique el código HTML de la plantilla según se necesite.
Consulte Recetario de diseño de correo electrónico de Zendesk.
- Si desea volver a comenzar con la versión predeterminada, haga clic en Revertir a predeterminado debajo de la plantilla.
- Si desea mostrar fotos de los usuarios en los mensajes de correo electrónico, haga clic en Mostrar fotos de perfil de usuario en los mensajes de correo electrónico en la sección Plantillas de correo electrónico.
Cuando están seleccionadas, las fotos de perfil se muestran en los mensajes de correo electrónico si el cliente de correo electrónico las admite. No todos los clientes de correo electrónico muestran imágenes de manera predeterminada.
- Haga clic en Guardar.
Ejemplo: Cambiar el color del texto del pie de página
En este ejemplo se muestra cómo cambiar el color de la fuente del pie de página a verde azulado, que tiene un código de color hexadecimal de #009966. Si desea ver más ideas para los pies de página, mire las siguientes recetas en el recetario de diseño de correo electrónico de Zendesk:
Supongamos que el pie de página de su plantilla consta de los marcadores de posición {{footer}} y {{footer_link}}. Si el nombre de su compañía es Mondocam, los marcadores de posición incluirán la siguiente línea en el mensaje de correo electrónico que se envía: “Este correo electrónico es un servicio de MondoCam. Entregado por Zendesk”.
- En el Centro de administración, haga clic en Canales en la barra lateral y luego seleccione Talk y correo electrónico > Correo electrónico.
- En la sección Plantillas de correo electrónico, ubique los dos marcadores de posición del pie de página y su etiqueta principal
<div>:... <div style="padding: 10px; line-height: 1.5; font-family: 'Lucida Grande',Verdana,Arial,sans-serif; font-size: 12px; color: #aaaaaa; margin: 10px 0 14px 0; padding-top: 10px; border-top: 1px solid #eeeeee;"> {{footer}} {{footer_link}} </div> ... - Cambie el valor de
colora #009966, que es el código hexadecimal para un tono verde azulado. - Haga clic en Guardar.
:hover. Ejemplo: a:hover
{color:#FF00FF;}. Desafortunadamente, las pseudo-clases CSS no se admiten en el código CSS en línea y los principales clientes de correo electrónico como Gmail eliminan el código CSS que no está en línea.
Cuando cambie el color del texto, utilice suficiente contraste para la accesibilidad. Siga las recomendaciones de las Pautas de Accesibilidad para el Contenido Web (WCAG) y utilice herramientas como el verificador de contraste de color de WebAIM para verificar la relación de contraste entre el texto y el fondo.
Ejemplo: Agregar el logotipo
Puede agregar el logotipo de su compañía en la parte superior de sus notificaciones por correo electrónico, pero tenga en cuenta que algunos clientes de correo electrónico no muestran las imágenes de manera predeterminada.
Para agregar el logotipo de su compañía a sus notificaciones por correo electrónico
- Inserte una etiqueta
<img>(<img src="">) después de la etiqueta<body>pero antes de la etiqueta de contenido<div>.
- Especifique el URL de la imagen del logotipo como el valor del atributo
src. Ejemplo:<img src="https://mondocam.com/assets/logo.png"/>
- Si desea agregar un hipervínculo al logotipo, encierre la etiqueta
<img>en una etiqueta de anclaje, como en este ejemplo:<a href="https://mondocam.com/home"><img src="https://mondocam.com/assets/logo.png"></a>
Para personalizar otros aspectos de su logotipo, consulte Receta: Agregar el logotipo de su compañía en el recetario de diseño de correo electrónico de Zendesk.
Personalizar su correo electrónico en texto sin formato
Debido a que no se puede usar HTML, no es posible personalizar el aspecto y funcionamiento de las notificaciones por correo electrónico en texto sin formato que se envían a sus clientes. Sin embargo, sí puede agregar información en sus mensajes de correo electrónico.
Para personalizar la plantilla de texto sin formato
- En el Centro de administración, haga clic en Canales en la barra lateral y luego seleccione Talk y correo electrónico > Correo electrónico.
- Desplácese a la sección Plantillas de correo electrónico.
- Modifique la plantilla de texto según se necesite.
- Si desea volver a comenzar con la versión predeterminada, haga clic en Revertir a predeterminado debajo de la plantilla.
- Haga clic en Guardar.
Personalizar su correo electrónico en disparadores y automatizaciones
Los disparadores y las automatizaciones pueden tener acciones que envían correo electrónico a los usuarios. Se puede agregar HTML y lenguaje de marcado Liquid a las acciones de disparadores y automatizaciones en lugar de a la plantilla de correo electrónico para personalizar el cuerpo del correo electrónico. Ejemplo:
Personalizar su correo electrónico para varias marcas
Para personalizar las notificaciones por correo electrónico para varias marcas, tiene que personalizar el cuerpo del correo electrónico en las acciones de disparadores y automatizaciones pero mantener la plantilla de correo electrónico lo más genérica posible porque solo hay una. En otras palabras, se usa una sola plantilla para todas las marcas, pero se personalizan distintas acciones para cada marca. Si desea más información, consulte los siguientes recursos:
Tipos de marcadores de posición para la plantilla de HTML para correo electrónico
La mayoría del contenido en las notificaciones por correo electrónico es generado de manera dinámica por el sistema de Zendesk. El contenido generado está representado por marcadores de posición en las plantillas de correo electrónico. Los marcadores de posición se encierran en llaves dobles, como {{footer}}.
Los marcadores de posición insertan el texto del contenido del correo electrónico y del pie de página.
{{content}}- Muestra el contenido del correo electrónico, que puede incluir los comentarios del ticket y las fotos del perfil del usuario. El contenido se define en el disparador, la automatización o cualquier otra cosa que envíe correo electrónico desde su cuenta. Consulte Creación y administración de disparadores para actualizaciones de tickets y notificaciones.
{{quoted_content}}- Opcional. Muestra el historial del mensaje. El contenido citado está normalmente contraído en la aplicación de correo electrónico del usuario, pero el usuario lo puede ampliar. En Gmail, por ejemplo, el usuario hace clic en la elipsis (…). Consulte Introducción a los hilos de correo electrónico simplificados.
{{footer}}- Opcional. Muestra la frase "Este correo electrónico es un servicio de SuNombreDeZendesk". También muestra las propiedades del ticket, como estado y solicitante, en los mensajes de correo electrónico enviados a los agentes. Las propiedades no se ven en los mensajes de correo electrónico enviados a los usuarios finales.
{{footer_link}}- Opcional. Muestra la línea "Entregado por Zendesk". La palabra Zendesk es un vínculo a https://www.zendesk.com.
{{delimiter}}- Muestra la línea "##- Por favor, escriba su respuesta encima de esta línea -##". El sistema usa el delimitador para separar el contenido antiguo del nuevo. Cuando una persona contesta un correo electrónico, el nuevo contenido de la respuesta se agrega al ticket como un comentario. Este marcador de posición es obligatorio en la plantilla HTML si se está usando el delimitador de correo electrónico. Consulte Personalización del texto del delimitador en los correos electrónicos.
{{styles}}- Opcional. Para uso futuro. Actualmente el sistema usa este marcador de posición para inyectar estilos si detecta que la región usa un idioma que se escribe de derecha a izquierda.
{{attributes}}- Opcional. Para uso futuro. Actualmente el sistema usa este marcador de posición para inyectar atributos si detecta que la región usa un idioma que se escribe de derecha a izquierda.