Sauter une ligne : <br>

Bonne nouvelle {{order.first_name}}! <br> Votre {{shop.name}} colis est entre les mains de {{carrier.name}} et est en route.

Mettre du texte en gras : <b></b>

<b> "Bonjour {{order.first_name}}" </b>

Mettre du texte en italique : <i></i>

<i> Bonne nouvelle {{order.first_name}}! Votre {{shop.name}} colis est entre les mails de {{carrier.name}} et est en route. </i>

Mettre le texte en minuscule (dans le titre d'une notification par exemple)

<div style="text-transform:none;">Votre colis est en chemin ! </div>

Aligner le texte sur la gauche

<p align="left"> Bonne nouvelle {{order.first_name}}! {{carrier.name}} a indiqué que votre colis a été livré.</p>

Aligner le texte sur la droite

<p align="right"> Bonne nouvelle {{order.first_name}}! {{carrier.name}} a indiqué que votre colis a été livré.</p>

Justifier le texte

<p align="justify"> Bonne nouvelle {{order.first_name}}! {{carrier.name}} a indiqué que votre colis a été livré.</p>

Changer la couleur d'un mot

Bonjour <font style="color:#ee8900";> {{order.first_name}} {{order.last_name}} </font>

Insérer un lien cliquable sur un mot ("ICI" dans notre exemple)

<a href = "url de la page souhaitée">ICI</a>

Allez, on va un petit peu plus loin : insérer un Call to Action (CTA)

Copiez-collez le snippet HTML ci-dessous dans la partie "corps de l'email" de la notification souhaitez.

<tr><td align="center">Bonjour {{ order.first_name }},</td></tr> <tr><td align="center">Vous venez de recevoir votre commande réalisée sur XXX.com</td></tr> <tr><td align="center">Nous souhaiterions recueillir vos impressions.</td></tr> <tr><td align="center">Cela est important pour nous et ne prend que quelques secondes,</td></tr> <tr><td align="center">Un grand merci pour votre participation. </td></tr> <tr><td align="center" style="padding-top:20px;padding-bottom:10px;">L’équipe {{ shop.name }} </td></tr> </br> <tr> <td align="center" class="button-wrapper" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;word-break:break-word;padding-top:40px;padding-bottom:20px;padding-right:25px;padding-left:25px;"> <table cellpadding="0" cellspacing="0" align="center" border="0" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"> <tbody> <tr> <td align="center" valign="middle" class="button email-main-color-bg" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;background-color:#d0063c;border-radius:0px;cursor:pointer;padding-top:10px;padding-bottom:10px;padding-right:25px;padding-left:25px;text-transform:uppercase;"> <a href= "https://survey.diduenjoy.com/fr/ABCD?ref_mail={{order.email}}&date_shipping={{tracker.expedition_date}}&order_ref={{order.order_number}}&country={{shipping_address. country_code}}&date_order={{order.order_date}}&firstname={{order.first_name}}&name={{order.last_name}}" target="_blank" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:Helvetica, Arial, sans-serif;font-size:16px;cursor:pointer;color:#FFFFFF;text-decoration:none;"> JE PARTICIPE </a> </td> </tr> </tbody> </table> </td> </tr>

NB : la partie ci-dessous (prélevée dans le code ci-dessus) est l'url à changer avec les variables disponibles dans Shipup ICI si vous souhaitez récupérer des informations de manière automatisée :"https://survey.diduenjoy.com/fr/ABCD?ref_mail={{order.email}}&date_shipping={{tracker.expedition_date}}&order_ref={{order.order_number}}&country={{shipping_address. country_code}}&date_order={{order.order_date}}&firstname={{order.first_name}}&name={{order.last_name}}"

Personnalisation du wording et de la mise en forme de vos notifications