Personnalisation des modèles d’e-mails de notification

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

Vous pouvez personnaliser vos notifications par e-mail en ajoutant un logo ou en changeant la palette de couleurs pour tous les modèles en même temps. Vous pouvez également modifier le contenu de chaque notification par e-mail individuellement.

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

Pour obtenir des informations sur les modèles de SMS, consultez la page Notifications par SMS.

Sur ordinateur
  1. Depuis votre interface administrateur Shopify, allez à Paramètres > Notifications.

  2. Cliquez sur Notifications des clients.

  3. Cliquez sur Personnaliser le modèle d’e-mail.

  4. Ajoutez un logo en cliquant sur Choisir un fichier, en le recherchant et en l’important.

Sur mobile
  1. Depuis l’application Shopify, appuyez sur Menu, puis sur Settings Paramètres.

  2. Dans la section Paramètres de la boutique, appuyez sur Notifications.

  3. Appuyez sur Notifications des clients.

  4. Appuyez sur Personnaliser le modèle d’e-mail.

  5. Ajoutez un logo en appuyant sur Choisir un fichier, en le recherchant et en l’important.

Choisir des couleurs pour vos modèles d’e-mails

Sur ordinateur
  1. Depuis votre interface administrateur Shopify, allez à Paramètres > Notifications.

  2. Cliquez sur Notifications des clients.

  3. Cliquez sur Personnaliser le modèle d’e-mail.

  4. Modifiez la couleur d’accentuation de vos e-mails en saisissant le code de couleur ou en cliquant sur le sélecteur de couleurs.

Sur mobile
  1. Depuis l’application Shopify, appuyez sur Menu, puis sur Settings Paramètres.

  2. Dans la section Paramètres de la boutique, appuyez sur Notifications.

  3. Appuyez sur Notifications des clients.

  4. Appuyez sur Personnaliser le modèle d’e-mail.

  5. Modifiez la couleur d’accentuation de vos e-mails en saisissant le code de couleur ou en sélectionnant le sélecteur de couleurs.

Modifier 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’avez apporté aucune modification à vos modèles d’e-mails, la langue des modèles d’e-mails change également lorsque vous modifiez la langue de votre thème.
  • Si vous avez apporté des modifications au corps et au titre de vos modèles d’e-mails, la modification de la langue de votre thème ne change pas la langue des modèles d’e-mails.
  • Si vous avez apporté des modifications uniquement au titre de vos modèles d’e-mails, la modification de la langue de votre thème ne change pas la langue des modèles d’e-mails.
  • Si vous avez apporté des modifications uniquement au corps de vos modèles d’e-mails, la modification de la langue de votre thème change le titre pour la nouvelle langue, mais ne change pas la langue du corps de vos modèles d’e-mails.

Le modèle de pied de page par défaut inclut l’identité de marque Shopify, qui s’affiche sous la forme Propulsé par Shopify dans le pied de page des e-mails destinés à vos clients. Vous pouvez supprimer l’identité de marque Shopify du pied de page de l’e-mail. Si votre boutique est abonnée au forfait Shopify Plus, aucune identité de marque Shopify ne figure dans les pieds de page des e-mails de notification destinés à vos clients.

Étapes :

Sur ordinateur
  1. Depuis votre interface administrateur Shopify, allez à Paramètres > Notifications.

  2. Cliquez sur Notifications des clients.

  3. Cliquez sur Personnaliser le modèle d’e-mail.

  4. Dans la section Identité de marque, désactivez l’option Afficher l’identité de marque « Propulsé par Shopify ».

  5. Cliquez sur Enregistrer.

Sur mobile
  1. Depuis l’application Shopify, appuyez sur Menu, puis sur Settings Paramètres.

  2. Dans la section Paramètres de la boutique, appuyez sur Notifications.

  3. Dans la section Identité de marque, désactivez l’option Afficher l’identité de marque « Propulsé par Shopify ».

  4. Appuyez sur Enregistrer.

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

Sur ordinateur
  1. Depuis votre interface administrateur Shopify, allez à Paramètres > Notifications.

  2. Cliquez sur le type de notification que vous souhaitez modifier.

  3. Cliquez sur le nom de la notification que vous souhaitez modifier.

  4. Cliquez sur Modifier le code.

  5. Modifiez l’objet de l’e-mail et le corps de l’e-mail (HTML) du message.

  6. Cliquez sur Enregistrer.

Sur mobile
  1. Depuis l’application Shopify, appuyez sur Menu, puis sur Settings Paramètres.

  2. Dans la section Paramètres de la boutique, appuyez sur Notifications.

  3. Appuyez sur le type de notification que vous souhaitez modifier.

  4. Appuyez sur </>.

  5. Modifiez l’objet de l’e-mail et le corps de l’e-mail (HTML) du message.

  6. Appuyez sur Enregistrer ou .

Tester vos modifications

Lorsque vous personnalisez un modèle de notification, vous pouvez prévisualiser les modifications dans l’interface administrateur Shopify ou l’envoyer par e-mail pour voir comment il s’afficherait pour vos clients.

Étapes :

  1. Pour prévisualiser vos modifications non enregistrées, cliquez sur Aperçu.
  2. Pour envoyer la notification sous forme d’e-mail de test, cliquez sur Envoyer l’e-mail de test. L’e-mail est envoyé au compte que vous avez utilisé pour vous connecter à l’interface administrateur Shopify.
  3. Si les modifications vous conviennent, fermez la fenêtre d’aperçu et cliquez sur Enregistrer.

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

Dans certains pays et certaines régions, vous devrez peut-être inclure votre numéro d’inscription fiscale sur les factures de vos clients ou d’autres avis. En Australie, au Canada et en Inde, les entreprises qui facturent la taxe sur les produits et services (TPS) peuvent avoir besoin d’inclure leur numéro d’inscription. Dans l’Union européenne, vous devrez peut-être inclure votre numéro d’identification de taxe sur la valeur ajoutée (TVA).

Consultez votre conseiller fiscal ou une autorité gouvernementale pour savoir si vous devez inclure ce numéro.

Pour afficher votre numéro sur une notification par e-mail, procédez comme suit :

  1. Ouvrez le modèle d’e-mail spécifique que vous souhaitez modifier.
  2. Dans la zone Corps de l’e-mail (HTML), saisissez votre numéro d’enregistrement ou d’identification à un emplacement approprié. Incluez du code HTML pour vous assurer que le résultat est correctement formaté.
  3. Facultatif : pour vérifier que vos personnalisations s’affichent correctement, affichez un aperçu de vos modifications.
  4. Cliquez sur Enregistrer.

Dans l’exemple suivant, le propriétaire de la boutique a ajouté son adresse et son numéro fiscal après le logo de sa boutique 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 %}

Sinon, vous pouvez acheter et télécharger une application de facturation depuis le Shopify App Store. Une application de facturation vous permet d’inclure un numéro de taxe sur les factures.

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

Si vous percevez des droits de douane et des taxes d’importation, vérifiez que vos e-mails de notification contiennent une ligne pour les droits de douane afin que vos clients disposent d’une preuve du paiement de ces frais.

Si vous utilisez les modèles par défaut pour les modèles d’e-mail de confirmation de commande et de remboursement de commande, vos e-mails sont automatiquement mis à jour pour inclure une ligne correspondant aux droits de douane. Vous n’avez aucune modification à apporter.

Si vous avez personnalisé vos modèles d’e-mail de confirmation de commande et de remboursement de commande, vous pouvez ajouter le code suivant à vos modèles d’e-mail pour ajouter une ligne pour les droits de douane.

{% 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 modalités de paiement aux factures de commande

Les modalités de paiement précisent la date à laquelle le paiement d’une commande est dû.

Si vous avez personnalisé votre modèle d’e-mail de facture de commande, vous pouvez ajouter le code suivant à vos modèles d’e-mail pour ajouter des dates d’échéance de paiement, y compris le paiement à l’expédition.

{% 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 par 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 à 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 sur le client après shipping_method.

Exemple

Pour en savoir plus, consultez la documentation de référence de Liquid pour payment_terms.

Ajouter un message personnalisé aux notifications

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

  • paiement abandonné
  • contact client
  • activation du compte client
  • facture de commande provisoire

Étapes :

  1. Saisissez un message personnalisé dans le champ de texte.
  2. Cliquez sur Aperçu.
  3. Vérifiez que le message s’affiche correctement, puis cliquez sur Envoyer un e-mail de test.

Mettre en forme les modèles d’e-mail à l’aide de CSS en ligne

Vous pouvez utiliser du code CSS en ligne pour mettre en forme vos modèles d’e-mail en remplaçant la feuille de style par défaut, qui est : <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">. L’éditeur de modèles intègre automatiquement toutes les balises de style dans le modèle. Il préserve les requêtes multimédias pour faciliter la création d’e-mails réactifs. Les feuilles de style externes et celles qui sont chargées avec les ressources de thème ne peuvent pas être intégrées. Il est donc recommandé que la mise en forme CSS soit incluse dans une balise <style> dans la section <head> de vos modèles.

Rétablir la version précédente ou par défaut d’un modèle d’e-mail

Vous pouvez rétablir la version précédente ou la version par défaut d’un modèle de notification par e-mail.

Lorsque vous rétablissez la version précédente ou par défaut, vous ne remplacez que le contenu du modèle. Les personnalisations que vous avez apportées au logo ou à la couleur de vos notifications par e-mail ne sont pas modifiées.

Étapes :

  1. Depuis votre interface administrateur Shopify, allez à Paramètres > Notifications.

  2. Cliquez sur la catégorie de notifications pertinente.

  3. Cliquez sur le modèle de notification que vous souhaitez afficher.

  4. Cliquez sur Rétablir.

  5. Dans le menu déroulant, sélectionnez Précédente ou Par défaut.

  6. Cliquez sur Enregistrer.

Conversion automatique des e-mails en texte brut

Vos modèles d’e-mail HTML sont transformés en texte brut pour les clients de messagerie qui requièrent l’affichage de cette version, comme Mail pour Apple Watch.