Diferentes Marcas en plantilla de correo electrónico principal

Répondu

1 Commentaires

  • Pedro Rodrigues
    Community Moderator

    Hola Jhonfer, 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

Vous devez vous connecter pour laisser un commentaire.

Réalisé par Zendesk