Casi todas las notificaciones enviadas por correo electrónico desde su cuenta de Zendesk, como las notificaciones de tickets y de artículos del centro de ayuda, son controladas por plantillas de correo electrónico. Las notificaciones por correo electrónico de conversaciones secundarias no utilizan las plantillas de correo electrónico.
Las plantillas tienen un formato apto para correo electrónico en HTML y en texto sin formato. Ambos formatos se incluyen en cada correo electrónico. La versión que ve el usuario final depende de cómo tenga configuradas las preferencias en su cliente de correo electrónico.
Mediante algunos cambios sencillos de estilo, puede personalizar la plantilla de HTML para que coincida con su marca. También puede modificar la información en las versiones de texto de sus mensajes de correo electrónico.
Artículos relacionados:
Editar las plantillas de correo electrónico
Puede personalizar el aspecto y funcionamiento de las notificaciones por correo electrónico que se envían a sus clientes. Las notificaciones tienen una plantilla de HTML y una plantilla de texto sin formato.
Si tiene un plan Enterprise, puede modificar y probar los cambios a los mensajes de correo electrónico en un sandbox antes de hacerlos públicos (consulte Realización de pruebas de cambios en el sandbox).
- 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. - Modifique la plantilla de HTML según se necesite.
- 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 cualquiera de las dos plantillas.
- Haga clic en Guardar al pie de la página.
Las plantillas de correo electrónico se actualizan.
- Mostrar fotos del perfil de usuario
- Agregar o eliminar vínculos a tickets
- Agregar o eliminar el delimitador de las notificaciones por correo electrónico
-
Usar el lenguaje de marcado LiquidNota: El lenguaje de marcado Liquid es compatible con las macros, los disparadores y las automatizaciones para las notificaciones de tickets, pero no se puede utilizar para las notificaciones de artículos del centro de ayuda, como las notificaciones por correo electrónico que se envían a los seguidores. En lugar de utilizar Liquid para cambiar el aspecto de las notificaciones por correo electrónico, puede seguir los pasos que se describen en Uso de la plantilla de correo electrónico con varias marcas.
Editar la plantilla de HTML
Para cambiar el aspecto de los mensajes de correo electrónico en HTML, puede editar el código HTML y CSS en la plantilla de HTML.
En esta sección se tratan los siguientes temas:
Cambiar el aspecto de los mensajes de correo electrónico en HTML
La plantilla de HTML consta de etiquetas DIV y marcadores de posición del sistema.
Los marcadores de posición suministran la mayoría del contenido para el mensaje de correo electrónico. Observe lo siguiente:
-
{{content}}es obligatorio y no puede borrarse. -
{{delimiter}}solo es obligatorio si se está usando el delimitador de correo electrónico en las notificaciones. -
{{styles}}y{{attributes}}son para uso futuro y a veces son utilizados por el sistema para inyectar estilos y atributos para los idiomas que se escriben de derecha a izquierda. -
{{footer}}es opcional.
Las etiquetas DIV aplican estilos CSS al contenido. Si agrega o modifica estilos CSS, puede cambiar el aspecto y funcionamiento del mensaje de correo electrónico en su totalidad, el delimitador o el pie de página.
Si cambia 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.
- 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 modifique el HTML y las plantillas según se necesite.
Si desea usar uno de los marcadores de posición de plantilla estándar, comience por escribir el nombre del marcador de posición y luego elija una de las opciones disponibles que aparecen.
- Haga clic en Guardar.
Por ejemplo, así es como se cambia el color de la fuente del pie de página a verde azulado:
...
<div style=" color: #009966;
margin: 10px 0 14px 0;
padding-top: 10px;
border-top: 1px solid #eeeeee;" >
{{footer}}{{footer_link}}
</div>
...
El color de la fuente se configura con el valor hexadecimal del verde azulado con la siguiente declaración de estilo:
color: #009966;
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. Para agregar una imagen como el logotipo de una compañía a la plantilla, inserte una etiqueta IMG que hace referencia a la imagen. Ejemplo:
<img src="http://YOURWEBSITE.com/logo.png"/>
<a href="http://YOURACCOUNT.zendesk.com"><img src="http://YOURWEBSITE.com/logo.png"></a>
- Portal de CSS en Mozilla Developer Network
- Recetario de CSS del Centro de ayuda
Pautas para la personalización de los mensajes de correo electrónico en HTML
Puede personalizar la plantilla de HTML ampliamente, pero tenga en cuenta que Zendesk no ofrece soporte para el código personalizado. Si su cuenta fue creada el 15 de junio de 2022 o después de esa fecha, la plantilla es compatible con HTML5. Si desea más información sobre las etiquetas de HTML5 admitidas, consulte HTML5 Elements Reference en www.w3docs.com.
Es difícil diseñar plantillas de HTML debido a la forma en que los códigos HTML y CSS se reproducen en los distintos navegadores y clientes de correo electrónico. Algunos tipos de formato incluso pueden interpretarse como spam.
- No use declaraciones de estilo CSS3. Limítese a CSS1 o 2.
- No agregue más secciones DIV.
- Limite el formato del texto a un mínimo. El uso de mucho texto en negrita puede activar los filtros de spam.
- No agregue muchas imágenes (son otro disparador de los filtros de spam) y reduzca el tamaño de las imágenes que utilice.
- Use la etiqueta ALT en todas las imágenes. La etiqueta muestra una descripción de la imagen que el usuario verá antes de permitir que se muestren las imágenes.
- Si conoce el ancho y el alto de la imagen, defínalo. Eso obliga al cliente de correo electrónico a reservar espacio para la imagen en el diseño del mensaje antes de descargar las imágenes.
- No todos los clientes de correo electrónico pueden aceptar imágenes de fondo, por lo que no conviene usarlas para información ni diseño funcional.
- No vincule imágenes en una cuenta de Zendesk cerrada. Si el destinatario previsto no es un usuario registrado, y no ha iniciado sesión, las imágenes resultarán estropeadas.
Editar la plantilla de texto
La plantilla de texto 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 del delimitador, el título del ticket, 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.
{{delimiter}} no es obligatorio en la plantilla de texto. El marcador de posición {{content}} contiene el texto del delimitador.Si desea agregar una línea a sus mensajes de correo electrónico, agréguela a la plantilla.
Thanks for contacting MondoCam Support!
{{content}}
{{footer}}
Para editar la plantilla de texto
- 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.
- Haga clic en Guardar al pie de la página.
Introducción a los marcadores de posición del sistema
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 de manera dinámica 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 delimitador, el contenido del correo electrónico y un pie de página.
{{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.
{{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.
{{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.