Personnaliser les modèles de notification par e-mail

Votre boutique dispose de plusieurs modèles de notifications auxquels vous pouvez accéder dans la section Notifications de votre interface administrateur Shopify.

Vos notifications par e-mail sont personnalisables : vous pouvez ajouter un logo ou modifier les nuanciers de couleurs de tous les modèles à la fois. Vous pouvez également modifier le contenu des notifications par e-mail individuellement.

Avant de pouvoir modifier le corps et le titre de l’objet de vos notifications par e-mail, vous devez confirmer votre adresse e-mail de contact.

Pour plus d’informations sur les modèles de SMS, consultez les notifications par SMS.

Ajouter un logo à vos modèles d'e-mail

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Paramètres > Notifications.
2. Cliquez sur Notifications aux clients.
3. Cliquez sur Personnaliser des modèles d’e‑mail.
4. Ajoutez un logo en cliquant sur Choisir un fichier, en le trouvant et en le téléchargeant.

iPhone

1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
2. Dans la section Paramètres de la boutique, appuyez sur Notifications.
3. Appuyez sur Notifications aux clients.
4. Appuyez sur Personnaliser le modèle d’e-mail.
5. Ajoutez un logo en appuyant sur Choisir un fichier, en le trouvant et en le téléchargeant.

Android

1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
2. Dans la section Paramètres de la boutique, appuyez sur Notifications.
3. Appuyez sur Notifications aux clients.
4. Appuyez sur Personnaliser le modèle d’e-mail.
5. Ajoutez un logo en appuyant sur Choisir un fichier, en le trouvant et en le téléchargeant.

Choisir les couleurs pour vos modèles d'e-mail

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Paramètres > Notifications.
2. Cliquez sur Notifications aux clients.
3. Cliquez sur Personnaliser des modèles d’e‑mail.
4. Modifiez la couleur d'accent de vos e-mails en saisissant le code de couleur ou en cliquant sur le sélecteur de couleur.

iPhone

1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
2. Dans la section Paramètres de la boutique, appuyez sur Notifications.
3. Appuyez sur Notifications aux clients.
4. Appuyez sur Personnaliser le modèle d’e-mail.
5. Modifiez la couleur d’accent de vos e-mails en saisissant le code de couleur ou en sélectionnant le sélecteur de couleur.

Android

1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
2. Dans la section Paramètres de la boutique, appuyez sur Notifications.
3. Appuyez sur Notifications aux clients.
4. Appuyez sur Personnaliser les modèles d’e-mail.
5. Modifiez la couleur d’accent de vos e-mails en saisissant le code de couleur ou en sélectionnant le sélecteur de couleur.

Changer la langue de vos modèles d'e-mails

La langue par défaut dans laquelle vos modèles d’e‑mails s’affichent dépend de la langue de votre thème et des modifications que vous avez apportées aux modèles :

• Si vous n'apportez aucune modification à vos modèles d'e-mails, la langue des modèles d'e-mail change également lorsque vous changez la langue de votre thème.
• Si vous avez modifié le corps et le titre de vos modèles d'e-mail, le fait de modifier la langue de votre thème ne change pas la langue des modèles d'e-mail.
• Si vous avez uniquement modifié le titre de vos modèles d'e-mail, le fait de changer la langue de votre thème ne change pas la langue des modèles d'e-mail.
• Si vous avez modifié uniquement le corps de vos modèles d'e-mail, le fait de changer la langue de votre thème modifie le titre dans la nouvelle langue, sans modifier la langue du corps de vos modèles d'e-mail.

Remarque

Si vous vendez en plusieurs langues et que vous activez d’autres langues dans votre boutique, vos clients reçoivent des notifications par e‑mail dans d’autres langues. Si vous souhaitez modifier les traductions de modèles ou ajouter des traductions de notification par e‑mail, consultez la page Paiement et notifications par e‑mail.

Personnaliser des modèles d’e-mail spécifiques

Étapes :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Paramètres > Notifications.
2. Cliquez sur Notifications aux clients.
3. Cliquez sur le nom de la notification que vous souhaitez modifier.
4. Modifiez le champ Email subject (Objet de l'e-mail) et le corps de l'e-mail.
5. Cliquez sur Enregistrer.

iPhone

1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
2. Dans la section Paramètres de la boutique, appuyez sur Notifications.
3. Appuyez sur Notifications aux clients.
4. Appuyez sur le nom de la notification que vous souhaitez modifier.
5. Modifiez le champ Email subject (Objet de l'e-mail) et le corps de l'e-mail.
6. Appuyez sur Enregistrer.

Android

1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
2. Dans la section Paramètres de la boutique, appuyez sur Notifications.
3. Appuyez sur Notifications aux clients.
4. Appuyez sur le nom de la notification que vous souhaitez modifier.
5. Modifiez le champ Email subject (Objet de l'e-mail) et le corps de l'e-mail.
6. Appuyez sur Enregistrer.

Remarque

Si vous devez rétablir la valeur par défaut d’un modèle, cliquez sur Revenir à la valeur par défaut sous l’éditeur de modèle.

Tester les modifications

Après avoir personnalisé un modèle de notification, vous pouvez prévisualiser les modifications apportées à l’interface administrateur Shopify ou envoyer le modèle par e‑mail pour vérifier comment il s’affichera pour vos clients.

Étapes :

1. Pour prévisualiser votre notification, allez à Actions > Aperçu.
2. Si vous êtes satisfait(e) des modifications, fermez la fenêtre d’aperçu et cliquez sur Enregistrer.
3. Pour tester une notification en l’envoyant par e‑mail, cliquez sur Actions > Envoyer un e‑mail de test. L’e‑mail est envoyé au compte que vous avez utilisé pour vous connecter à l’interface administrateur Shopify.

Ajouter un numéro d’inscription fiscale à une facture

Dans certains pays et régions, vous devrez peut‑être indiquer votre numéro d’identification fiscale sur les factures des clients ou autres avis. En Australie, au Canada et en Inde, les entreprises qui facturent la taxe sur les produits et services (TPS) devront peut‑être indiquer leur numéro d’enregistrement. Dans l’Union européenne, vous devrez peut‑être indiquer votre numéro de taxe sur la valeur ajoutée (TVA) intracommunautaire.

Vérifiez auprès de votre comptable ou d’une autorité gouvernementale si vous devez indiquer ce numéro.

Pour afficher votre numéro sur une notification par e‑mail, suivez les étapes suivantes :

1. Ouvrez le modèle d’e‑mail spécifique que vous souhaitez modifier.
2. Dans la zone Corps de l'e-mail (HTML), entrez votre numéro d'enregistrement ou d'identification dans un emplacement approprié. Ajoutez HTML pour vous assurer que la sortie est correctement formatée.
3. Facultatif : pour vérifier que vos personnalisations s’affichent correctement, prévisualiser vos modifications.
4. Cliquez sur Enregistrer.

Dans l'exemple suivant, le propriétaire de la boutique a ajouté son adresse et son identifiant fiscal après son logo, dans la notification de confirmation de commande.

  <table class="row">
    <tr>
      <td class="shop-name_cell">
        {%- if shop.email_logo_url %}
          <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
          <p>150 Elgin St, Ottawa K2P 1L4 GST# 123456789</p>
        {%- else %}
          <h1 class="shop-name_text">
            <a href="{{shop.url}}">{{ shop.name }}</a>
          </h1>
        {%- endif %}

Vous pouvez également acheter et télécharger une application de facture dans notre Shopify App Store. Une application de facture vous permet d’inclure le numéro de taxe sur les factures.

Ajouter une ligne de droits aux modèles de confirmation et de remboursement de commande

Si vous percevez les frais de douane et les taxes d’importation, vérifiez que vos e-mails de notification contiennent une ligne où figurent ces droits, afin que vos clients gardent une trace de leur paiement.

Si vous utilisez les modèles d'e-mail par défaut pour la confirmation et le remboursement de vos commandes, vos e-mails seront automatiquement mis à jour de manière à inclure une rubrique pour les droits. Vous n’avez pas besoin d’apporter des modifications.

Si vous avez personnalisé vos modèles d’e-mail pour la confirmation et le remboursement de vos commandes, vous pourrez y indiquer le code suivant pour ajouter une ligne pour les droits.

{% if current_total_duties %}

<tr class="subtotal-line">
 <td class="subtotal-line__title">
   <p>
     <span>Duties</span>
   </p>
 </td>
 <td class="subtotal-line__value">
   <strong>{{ current_total_duties | money }}</strong>
 </td>
</tr>

{% endif %}

Ajouter des échéances de paiement aux factures de commandes

Les conditions de paiement précisent la date à laquelle le paiement d'une commande doit être payé.

Si vous avez personnalisé votre modèle d’e‑mail Facture de commande, vous pouvez ajouter le code suivant à vos modèles d’e‑mails afin d’ajouter des dates d’échéance de paiement, y compris les paiements dus une fois la commande traitée.

{% assign due_date = payment_terms.next_payment.due_at | default: nil %}

{% if payment_terms.type == 'receipt' and due_date == nil %}
   {% assign due_date = 'now' %}
{% endif %}

{% if payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil % }
  <h2> Payment of {{ order.total_outstanding | money }} is due on fulfillment </h2>
{% else %}
  <h2>Payment of {{ order.total_outstanding | money }} is due {{ due_date | date: format: 'date' }}</h2>
{% endif %}

Pour afficher le nom de la modalité de paiement sur votre modèle d’e‑mail, procédez comme suit :

 1. Recherchez la section suivante si elle existe :

{% if shipping_address or billing_address or shipping_method %}

 2. Remplacez‑la avec ce qui suit :

 {% if shipping_address or billing_address or shipping_method or payment_terms %}

 3. Dans la zone Corps de l’e‑mail (HTML), saisissez le nom de vos modalités de paiement dans un emplacement approprié.

  {% if payment_terms %}
    <td class="customer-info__item">
      <h4>Payment</h4>
      <p> Terms: {{ payment_terms.name }} </p>
    </td>
  {% endif %}

 4. Cliquez sur Enregistrer.

Dans l’exemple suivant, le propriétaire de la boutique a ajouté ses modalités de paiement dans la section des informations client après shipping_method.

Pour plus de détails, reportez-vous à la référence Liquid pour payment_terms.

Ajouter un message personnalisé aux notifications

Vous pouvez ajouter un message personnalisé à plusieurs notifications, notamment aux suivantes :

• paiement abandonné
• contacter client
• activation client
• facture de commande provisoire

Remarque

Les messages personnalisés sont facultatifs. Si vous ajoutez des messages personnalisés, vos notifications doivent contenir la balise {{ custom_message }} dans leur code. Si vous cliquez sur Vérifier l'e-mail sans message personnalisé au moment de l'envoi de vos notifications, votre e-mail n'en contiendra aucun.

Étapes :

1. Saisissez un message personnalisé dans le champ de texte.
2. Cliquez sur Relire l'e-mail.
3. Vérifiez que le message s'affiche correctement, puis cliquez sur Précédent pour apporter des modifications.
4. Cliquez sur Envoyer la notification lorsque vous avez fini.

Styliser des modèles d'e-mail en intégrant du langage CSS

Conseil

Styliser vos modèles avec du langage CSS nécessite une connaissance avancée d'HTML et de CSS.

Vous pouvez intégrer du langage CSS pour styliser vos modèles d'e-mails en remplaçant la feuille de style par défaut, qui est la suivante : <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">. L'éditeur de modèles intègre automatiquement n'importe quelle balise de style dans le modèle. Il préserve les requêtes de média pour faciliter la création d'e-mails réactifs. Les feuilles de style externes et les feuilles de style téléchargées avec les ressources du thème ne peuvent pas être intégrées. Il est donc recommandé d'inclure le langage de style CSS dans une balise <style> à l'intérieur de la balise <head> de vos modèles.

Conversion automatique des e-mails en texte brut

Vos modèles d'e-mails HTML sont transformés en texte brut pour les clients dont le service de messagerie nécessite l'affichage de cette version, par exemple Mail pour Apple Watch.