Presque toutes les notifications par e-mail envoyées à partir de votre compte, comme les notifications de tickets et les notifications d’articles du centre d’aide, sont contrôlées par les modèles d’e-mail. Les notifications pour les conversations annexes via e-mail n’utilisent pas vos modèles d’e-mail.
Les modèles sont formatés pour les e-mails HTML et les e-mails en texte brut. Les deux formats sont inclus dans chaque e-mail. La version affichée aux utilisateurs finaux dépend des paramètres de leur logiciel de messagerie.
Vous pouvez personnaliser le modèle HTML pour qu’il suive votre charte graphique, en modifiant très facilement certains éléments de style. Vous pouvez aussi modifier les informations dans les versions texte de vos e-mails.
Articles connexes :
Modification des modèles d’e-mail.
Vous pouvez personnaliser l’aspect des notifications par e-mail envoyées à vos clients. Les notifications ont un modèle HTML et un modèle texte brut.
Avec l’édition Entreprise, vous pouvez modifier et tester les modifications apportées aux e-mails dans une sandbox avant de les déployer publiquement (consultez Tests des modifications dans votre sandbox).
- Dans le Centre d’administration, cliquez sur l’icône Canaux (
) dans la barre latérale, puis sélectionnez Talk et e-mail > E-mail. - Dans la section Modèles d’e-mail, cliquez sur Afficher les photos de profil utilisateur dans les e-mails pour afficher les photos des profils d’utilisateur dans les e-mails.
Certains clients de messagerie n’affichent pas les images par défaut.
- Modifiez le modèle HTML en fonction de vos besoins.
- Modifiez le modèle texte brut en fonction de vos besoins.
- Si vous souhaitez repartir à zéro avec la version par défaut, cliquez sur Rétablir la valeur par défaut sous le modèle.
- Cliquez sur Enregistrer en bas de la page.
Les modèles d’e-mail sont mis à jour.
- Afficher les photos de profil utilisateur
- Ajouter ou supprimer des liens de ticket
- Ajout et suppression du délimiteur des notifications par e-mail
-
Utiliser le balisage LiquidRemarque – Le langage de balisage Liquid est pris en charge dans les macros, déclencheurs et automatismes et fonctionne dans les notifications de tickets, mais il n’est pas pris en charge pour les notifications d’articles du centre d’aide, comme les notifications par e-mail envoyées aux abonnés. Au lieu d’utiliser Liquid pour modifier l’aspect des notifications par e-mail, vous pouvez suivre les étapes d’utilisation du modèle d’e-mail avec plusieurs marques.
Modification du modèle HTML
Vous pouvez modifier l’aspect des e-mails HTML en modifiant le code HTML et CSS dans le modèle HTML.
Cette section aborde les sujets suivants :
Modification de l’aspect des e-mails HTML
Le modèle HTML se compose de marqueurs DIV et de balises système.
Les balises fournissent la majeure partie du contenu de l’e-mail :
-
{{content}}est obligatoire et ne doit pas être supprimée. -
{{delimiter}}est obligatoire seulement si vous utilisez le délimiteur d’e-mail dans les notifications. -
Les balises
{{styles}}et{{attributes}}sont destinées à un usage futur et sont parfois utilisées par le système pour inclure des styles et des attributs afin de prendre les langues s’écrivant de droite à gauche. -
{{footer}}est facultative.
Les marqueurs DIV appliquent des styles CSS au contenu. En ajoutant ou en modifiant des styles CSS, vous pouvez changer l’apparence générale de l’e-mail, le délimiteur ou le pied de page.
Si vous modifiez la couleur du texte, choisissez un contraste suffisant à des fins d’accessibilité. Suivez les recommandations des directives pour l’accessibilité du contenu Web (Web Content Accessibility Guidelines, WCAG) et utilisez des outils comme WebAIM color contrast checker pour vérifier le rapport de contraste entre le texte et l’arrière-plan.
- Dans le Centre d’administration, cliquez sur l’icône Canaux () dans la barre latérale, puis sélectionnez Talk et e-mail > E-mail.
- Dans la section Modèles d’e-mail, modifiez le modèle HTML en fonction de vos besoins.
Si vous voulez utiliser certaines des balises de modèle standard, commencez à taper le nom de la balise, puis faites votre choix parmi les options qui s’affichent.
- Cliquez sur Enregistrer.
Par exemple, voici comment modifier la couleur de police du pied de page en bleu vert :
...
<div style=" color: #009966;
margin: 10px 0 14px 0;
padding-top: 10px;
border-top: 1px solid #eeeeee;" >
{{footer}}{{footer_link}}
</div>
...
La couleur de police est définie à la valeur hexadécimale du bleu vert, par la déclaration de style suivante :
color: #009966;
a:hover {color:#FF00FF;}. Malheureusement, les pseudo-classes CSS ne sont pas prises en charge en CSS incorporé et les principaux clients de messagerie comme Gmail retirent tout code CSS qui n’est pas incorporé. Pour ajouter une image telle qu’un logo d’entreprise au modèle, insérez un marqueur IMG qui fait référence à l’image. Exemple :
<img src="http://YOURWEBSITE.com/logo.png"/>
<a href="http://YOURACCOUNT.zendesk.com"><img src="http://YOURWEBSITE.com/logo.png"></a>
- Portail CSS sur Mozilla Developer Network
- Guide CSS du centre d’aide
Instructions de personnalisation des e-mails HTML
Vous pouvez beaucoup personnaliser le modèle HTML, mais n’oubliez pas que Zendesk ne fournit pas d’assistance pour le code personnalisé. Si votre compte a été créé le 15 juin 2022 ou après, le modèle est conforme à la norme HTML5. Pour en savoir plus sur les marqueurs HTML5 pris en charge, consultez la documentation de référence des éléments HTML5 sur www.w3docs.com.
Personnaliser les e-mails HTML n’est pas chose facile en raison du traitement du code HTML et CSS selon les navigateurs Web et clients de messagerie. Certains types de formatage peuvent même être interprétés comme du spam.
- N’utilisez pas les déclarations de style CSS3. Utilisez CSS1 ou 2.
- N’ajoutez pas de sections DIV.
- Ne modifiez pas trop le formatage du texte. S’il y a trop de texte en gras, l’e-mail peut être détecté comme spam.
- N’ajoutez pas trop d’images (cause de spam) et réduisez leur taille.
- Utilisez le code ALT pour toutes les images. Il permet aux utilisateurs de voir une description des images avant leur affichage dans l’e-mail.
- Si vous connaissez la largeur et la hauteur de l’image, incluez-les. Cela force le client de messagerie à réserver l’espace de l’image dans la disposition de l’e-mail avant le téléchargement des images.
- Les images d’arrière-plan ne sont pas prises en charge par tous les logiciels de messagerie, donc ne comptez pas dessus pour donner des informations ou servir de liens.
- Ne créez pas de liens vers des images dans un compte Zendesk fermé. Si le destinataire n’est pas un utilisateur inscrit et connecté, les images ne fonctionneront pas.
Modification du modèle texte
Le modèle d’e-mail au format texte est utilisé lorsque l’utilisateur choisit de ne pas lire ses messages au format HTML. Le modèle se compose de deux balises système :
{{content}}
{{footer}}
La balise {{content}} insère le délimiteur du texte, le titre du ticket, le texte généré par les règles de gestion (déclencheurs, automatismes ou macros) et les commentaires du ticket. La balise {{footer}} est facultative. Vous pouvez la supprimer si vous le souhaitez. Pour en savoir plus, consultez Balises système.
{{delimiter}} n’est pas obligatoire dans le modèle texte. La balise {{content}} contient le texte de délimitation.Si vous souhaitez ajouter une ligne à vos e-mails, ajoutez-la dans le modèle.
Thanks for contacting MondoCam Support!
{{content}}
{{footer}}
Pour modifier le modèle texte
- Dans le Centre d’administration, cliquez sur l’icône Canaux () dans la barre latérale, puis sélectionnez Talk et e-mail > E-mail.
- Allez à la section Modèles d’e-mail.
- Modifiez le modèle texte brut en fonction de vos besoins.
- Cliquez sur Enregistrer en bas de la page.
Balises système
La majeure partie du contenu des notifications par e-mail est générée dynamiquement par le système Zendesk. Ce contenu dynamique est représenté par des balises dans les modèles d’e-mail. Ces balises sont placées entre accolades doubles, par exemple {{footer}}.
Les balises insèrent le texte du délimiteur, le contenu de l’e-mail et un pied de page.
{{delimiter}}- Affiche la ligne « ##- SVP n’écrivez pas sous cette ligne -## ». Le système utilise le délimiteur pour séparer le texte d’origine du nouveau. Lorsqu’une personne répond à un e-mail, le nouveau texte de la réponse est ajouté au ticket sous forme de commentaire. Cette balise est obligatoire dans le modèle HTML si vous utilisez le délimiteur d’e-mail. Consultez Personnalisation du texte du délimiteur dans les e-mails.
{{content}}- Affiche le contenu de l’e-mail, qui peut comprendre des commentaires de tickets et des photos de profils utilisateur. Le contenu est défini dans le déclencheur, l’automatisme ou toute autre règle qui envoient l’e-mail depuis votre compte. Consultez Création et gestion des déclencheurs pour les mises à jour des tickets et les notifications.
{{quoted_content}}- (facultatif) Affiche l’historique des messages. Le contenu cité entre guillemets est généralement réduit dans l’application de messagerie de l’utilisateur, mais il peut le développer. Dans Gmail par exemple, l’utilisateur clique sur les trois points (…). Consultez Threads d’e-mails simplifiés.
{{footer}}- (facultatif) Affiche la ligne « Cet e-mail provient de NomdevotreZendesk. » Cette balise affiche également les propriétés du ticket, telles que l’état et le demandeur, dans les e-mails envoyés aux agents. En revanche, les propriétés ne figurent pas dans les e-mails envoyés aux utilisateurs finaux.
{{footer_link}}- (facultatif) Affiche la ligne « Envoyé par Zendesk ». Le mot Zendesk est un lien vers https://www.zendesk.com.
{{styles}}- (facultatif) Pour un usage futur. Actuellement, le système utilise cette balise pour inclure des styles quand il détecte une langue s’écrivant de droite à gauche.
{{attributes}}- (facultatif) Pour un usage futur. Actuellement, le système utilise cette balise pour inclure des attributs quand il détecte une langue s’écrivant de droite à gauche.