• Pedro Rodrigues (opservator.com)

  • August 05, 2021 12:15

  Community Moderator

  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.

Please sign in to leave a comment.