Couleur des boutons dans les mails – Agilium

Pour modifier la couleur des boutons dans les mails envoyés, cela se passe, dans la plupart des cas, dans le référentiel, où sont définis les mails (NC, Actions, Audit, par exemple).

En éditant chaque mail, cela se passe dans le champ ‘Contenu’ :

Rendu d’origine dans les mails :

Le code HTML du bouton se trouve à la fin du code (entre des balises HTML : <table></table>) :

💡

<table style='background:#70AD47;mso-background-themecolor:accent6;border-collapse: collapse;border:none;mso-border-alt:solid #70AD47 .5pt;mso-border-themecolor: accent6;mso-yfti-tbllook:1184;mso-padding-alt:0cm 5.4pt 0cm 5.4pt;mso-border-insideh: .5pt solid #70AD47;mso-border-insideh-themecolor:accent6;mso-border-insidev: .5pt solid #70AD47;mso-border-insidev-themecolor:accent6'> <tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes; height:1.0cm'> <td width=170 style='width:127.35pt;border:solid #70AD47 1.0pt;mso-border-themecolor: accent6;mso-border-alt:solid #70AD47 .5pt;mso-border-themecolor:accent6; padding:0cm 5.4pt 0cm 5.4pt;height:1.0cm'> <p><span style='color:white;mso-themecolor:background1'><a href="%ApplicationLink%"><span style='color:white; mso-themecolor:background1'>Accéder à l’application</span></a></span></p> </td> </tr> </table>

En exemple, pour remplacer le fond vert d’origine (code #70AD47) par du bleu (code #0000FF).

Remplacer ce code (uniquement cette partie) par :

💡

<table style='background:#0000FF;border-collapse: collapse;border:none;mso-border-alt:solid #0000FF .5pt;mso-yfti-tbllook:1184;mso-padding-alt:0cm 5.4pt 0cm 5.4pt;mso-border-insideh: .5pt solid #0000FF;mso-border-insidev: .5pt solid #0000FF;'> <tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes; height:1.0cm'> <td width=170 style='width:127.35pt;border:solid #0000FF 1.0pt;;mso-border-alt:solid #0000FF .5pt;; padding:0cm 5.4pt 0cm 5.4pt;height:1.0cm'> <p><span style='color:white;mso-themecolor:#ff0000'><a href=%ApplicationLink%><span style='color:white; mso-themecolor:background1'>Accéder à l’application</span></a></span></p> </td> </tr> </table>

Après avoir sauvegardé l’élément du référentiel, les prochains mails envoyés auront le bouton avec le rendu suivant :

Il faudra donc remplacer le code HTML par le même dans tous les référentiels spécifiant des mails.