Configurer un modèle d'e-mail personnalisé

Formules prenant en charge cette fonctionnalité : Growth Scale

Nous proposons des modèles par défaut, mais vous pouvez personnaliser chaque modèle comme vous le souhaitez.

1. Cloner un modèle existant

2. Créer un nouveau modèle à partir de zéro

Créer un nouveau modèle

1. Ouvrez le groupe de modèles en cliquant sur son nom.

2. Cliquez sur le nom du modèle que vous souhaitez personnaliser.

3. Saisissez un nom pour un usage interne ainsi que l'objet utilisé pour l'e-mail.

4. Cliquez sur l'icône stylo pour modifier le modèle nouvellement créé.
   

Les différents onglets et leur utilisation

L'interface est composée de quatre onglets :

1. Editor : une interface glisser-déposer qui vous permet d'ajouter des composants à votre modèle.

2. Text : un éditeur de texte qui est affiché/envoyé au client si le HTML n'est pas pris en charge par le client de messagerie.

3. JSON : une interface qui vous permet de télécharger votre fichier JSON et de télécharger le fichier JSON du modèle.

4. HTML : vous pouvez voir et copier le code HTML généré par votre modèle.

Onglet Editor : créer votre modèle

Composants disponibles

Faites glisser n'importe quel composant dans votre modèle pour l'ajouter.

La plupart des composants partagent ces paramètres :

1. Display Conditions : afficher ou masquer des composants en fonction de la disponibilité des données.

   Pour des instructions détaillées, cliquez ici.

2. Links : choisissez la couleur du lien et si celui-ci doit être souligné ou non.

3. General (Padding) : définissez l'espacement autour du conteneur.

4. Responsive Design : contrôlez la visibilité sur ordinateur et sur mobile à l'aide du bouton Desktop/Mobile en haut.

Paramètres du corps

Définissez le style global de l'ensemble de votre modèle :

Ajouter du contenu dynamique

Rendez vos e-mails personnalisés et pertinents en insérant des données dynamiques issues de votre système. Nous proposons trois fonctionnalités.

1. Merge Tags

Qu'est-ce qu'un merge tag ?

Les merge tags insèrent automatiquement des informations spécifiques au client dans vos e-mails.

Quand les utiliser :

• Personnaliser les salutations (par ex. « Bonjour {{customer.name}} »)

• Afficher des données spécifiques au client (e-mail, entreprise, détails de l'abonnement)

• Afficher les informations de facture ou de commande

Comment ajouter un merge tag :

1. Placez votre curseur à l'endroit où vous souhaitez insérer les données.

2. Cliquez sur Merge Tags.
   

3. Sélectionnez Add a regular merge tag.

4. Sélectionnez la section de données (par ex. Customer).

5. Sélectionnez le champ (par ex. Name).

6. Vérifiez l'aperçu, puis cliquez sur Insert.

7. Cliquez sur Confirm.

2. Merge Tag Rules

Qu'est-ce qu'une merge tag rule ?

Les règles vous permettent d'afficher des informations répétitives, comme chaque ligne d'une facture. Les merge tag rules sont définies pour chaque bloc.

Quand les utiliser :

• Lister toutes les lignes de commande d'une facture

• Afficher plusieurs produits d'abonnement

• Afficher des ensembles de données répétitifs

Comment ajouter une merge tag rule :

1. Cliquez sur Merge Tags.

   

2. Sélectionnez la section de données (par ex. Invoice).

3. Sélectionnez l'élément répétitif (par ex. Orderlines).

4. Cliquez sur l'aperçu de la règle, puis sur Insert.

5. Placez votre curseur entre les balises d'ouverture et de fermeture.

6. Ajoutez des merge tags à l'intérieur de la règle (sélectionnez Add a merge tag based on a merge tag rule).

7. Sélectionnez les champs à afficher pour chaque élément.

8. Cliquez sur Confirm.

Exemple :

{{#invoice.orderlines}}
- {{ordertext}}: {{amount}}
{{/invoice.orderlines}}

Cela affiche chaque ligne de commande avec sa description et son montant.

3. Remplacer la configuration de paiement dans les balises de fusion des liens de paiement

La balise de fusion {{subscription.payment_info_link}} (utilisée dans les modèles de relance et d'inscription) peut être complétée par un paramètre de requête afin de forcer une configuration de paiement spécifique à la place de celle par défaut du client.

Quand l'utiliser :

• Pour diriger un client vers une configuration de paiement spécifique, personnalisée ou liée à une campagne, depuis un e-mail de relance ou d'inscription

Comment l'utiliser :

1. Insérez la balise de fusion {{subscription.payment_info_link}} comme d'habitude.

2. Juste après l'accolade fermante }}, ajoutez ?configuration=<nom-de-votre-configuration>.

3. Ne modifiez rien à l'intérieur des accolades {{ }}, sinon le lien ne fonctionnera plus.

Exemple :

{{subscription.payment_info_link}}?configuration=colorful-configuration-w-priority

Cela remplace la configuration de paiement par défaut du client par celle indiquée lorsqu'il clique sur le lien.

Remarque

Ceci est différent de la balise invoice.paylink, qui génère un lien pour une seule facture due et présente uniquement les méthodes de paiement ponctuelles disponibles du client ; elle ne prend pas en charge le remplacement de configuration présenté ici.

4. Conditions d'affichage

Qu'est-ce qu'une condition d'affichage ?

Les conditions affichent ou masquent du contenu selon que des données spécifiques existent ou répondent à certains critères.

Quand les utiliser :

• Masquer des plages de dates lorsqu'elles ne s'appliquent pas

• Afficher du contenu uniquement pour certains types de clients

• Afficher des informations de manière conditionnelle selon la disponibilité des données

Comment ajouter une condition d'affichage :

1. Sélectionnez le texte que vous souhaitez afficher de manière conditionnelle.

2. Cliquez sur Display conditions.

3. Sélectionnez la section de données et le champ.

4. Choisissez le type de condition :

   • Exists – affiche le contenu si le champ contient des données

   • Contains – affiche le contenu s'il correspond à un texte spécifique

   • Equals – affiche le contenu s'il est égal à une autre valeur

5. Activez Negate condition si nécessaire (pour masquer au lieu d'afficher).

6. Cliquez sur Confirm.

Exemple pratique : e-mail de facture

Combinons les trois fonctionnalités :

Subject: Invoice {{invoice.id}} for {{customer.name}}

Hello {{customer.name}},

Your invoice is ready:

{{#invoice.orderlines}}
- {{ordertext}}
{{#period_from.date_medium}}Period: {{period_from.date_medium}} - {{period_to.date_medium}}{{/period_from.date_medium}}
  Amount: {{amount}}
{{/invoice.orderlines}}

Total: {{invoice.amount}}

Cet exemple utilise :

• Merge tags : {{customer.name}}, {{invoice.id}}

• Merge tag rule : {{#invoice.orderlines}}...{{/invoice.orderlines}}

• Condition d'affichage : {{#period_from.date_medium}}...{{/period_from.date_medium}} (affiche les dates de la période uniquement si elles existent)