Recent searches


No recent searches

Diferentes Marcas en plantilla de correo electrónico principal

Answered


Posted Mar 12, 2021

Saludos cordiales,

existe alguna forma de añadir condicionales a la plantilla principal de correo electrónico a fin de enviar diferentes imágenes según la marca utilizada?


0

1

1 comment

Hola @..., y para futuros usuarios a quien esto podrá servir, existe este excelente artículo: Support tip: How to structure the Zendesk email template to use custom HTML layouts for each of your Multiple Brands (aunque esté en inglés, está super detallado).

Sin embargo, y resumiendo, podemos crear HTML condicional utilizando Liquid markup, manteniendo la misma plantilla de email que encontramos en subdominio.zendesk.com/agent/admin/email.

Un método organizado de hacerlo es crear placeholders de contenido dinámico.

Ejemplo. Tenemos dos marcas, "Brand 1" y "Brand 2". Vamos a crear un par de placeholders de contenido dinámico para nuestros templates en inglés: uno para enviarse cuando el ticket es creado, el otro cuando el ticket es actualizado.

También agregaremos casos condicionales dependiendo del nombre del Grupo. Abajo hay dos condiciones: un caso donde verificamos el nombre completo del Grupo, y otro por si el nombre del Grupo contiene la palabra 'sales'.   

{{dc.template_en}}

{% case ticket.brand.name %}

{% when 'Brand 1' %}
<h2><img style="width:5%" src="https://image.flaticon.com/icons/png/512/1634/1634831.png">This is my header</h2>

{% when 'Brand 2' %}
{% case ticket.group.name %}
{% when 'Support Brand 2' %}
<h3><img style="width:5%" src="https://image.flaticon.com/icons/png/512/3316/3316375.png">
Header H3 </h3>
{% else %}
<h3><img style="width:5%" src="https://image.flaticon.com/icons/png/512/3368/3368007.png"> Header H3 </h3>
{% endcase %}

{% when 'Brand 1' %}
{% if ticket.group.name contains 'Sales' %}
<h3><img style="width:5%" src="https://image.flaticon.com/icons/png/512/3316/3316881.png"> Header H3 </h3>

{% else %}
<h2><img style="width:5%" src="https://image.flaticon.com/icons/png/512/56/56999.png">Header de backup</h2>

{% endif %}
{% endcase %}

<p>Hello,</p>
<p>We're happy to confirm we received your request (ID {{ticket.id}}), which is now being reviewed by our support team. We'll get back to you as soon as possible.</p>
<p>You can still reply to this email if you feel any further update is required.</p>
<p>Kind regards,</br>
{{current_user.name}}</p>

---
<h3>Your message:</h3>
{{ticket.description}}

{{dc.updated_template_en}} 

{% case ticket.brand.name %}

{% when 'Brand 1' %}
<h2><img style="width:5%" src="https://image.flaticon.com/icons/png/512/1634/1634831.png">This is my header</h2>

{% when 'Brand 2' %}
{% case ticket.group.name %}
{% when 'Support Brand 2' %}
<h3><img style="width:5%" src="https://image.flaticon.com/icons/png/512/3316/3316375.png">
Header H3 </h3>
{% else %}
<h3><img style="width:5%" src="https://image.flaticon.com/icons/png/512/3368/3368007.png"> Header H3 </h3>
{% endcase %}

{% when 'Brand 1' %}
{% if ticket.group.name contains 'Sales' %}
<h3><img style="width:5%" src="https://image.flaticon.com/icons/png/512/3316/3316881.png"> Header H3 </h3>

{% else %}
<h2><img style="width:5%" src="https://image.flaticon.com/icons/png/512/56/56999.png">Header de backup</h2>

{% endif %}
{% endcase %}

{{ticket.latest_comment_formatted}}

Hay que agregar cada placeholder en el disparador correspondiente. En el disparador de ticket creado y que envía el acuse al usuario:

En el disparador que notifica el usuario siempre y cuando el agente deja un comentario público:

En este ejemplo solo agregué Liquid antes del texto a enviar al cliente, de modo a obtener mi 'header'. También podemos agregar más condicionales de Liquid después del texto de modo a crear el 'footer'.   

Espero que esta información les sea de utilidad.

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post