Créer un modèle d'e-mail personnalisé

Prev Next

Nous fournissons des modèles par défaut, mais chaque modèle peut être personnalisé à votre convenance.

  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 à usage interne et l'objet qui sera utilisé pour l'e-mail.

  4. Cliquez sur le symbole du stylo pour modifier le modèle nouvellement créé.

Les différents onglets et leur utilisation

L'interface est composée de quatre onglets :

  1. Éditeur: Une interface de type « glisser-déposer » qui vous permet d'ajouter des composants à votre modèle.

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

  3. JSON: Une interface qui vous donne la possibilité de charger votre fichier JSON et de télécharger le fichier JSON du modèle.

  4. HTML: Vous pouvez voir et copier la sortie HTML de votre modèle.

Onglet Éditeur : Construire votre modèle

Composants disponibles

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

UX

Composant

Utilisation pour

Caractéristiques principales

Colonnes

Structure de la présentation

Distributions 1-4 colonnes, responsive design

Titre

Titres des sections

Cap intelligent alimenté par l'IA

Texte

Contenu du corps

Texte intelligent alimenté par l'IA

Image

Visuels

Génération IA, photos d'archives, effets

Bouton

Appel à l'action

Boutons intelligents alimentés par l'IA

Séparateur

Séparation visuelle

Styles de lignes personnalisables

Menu

Liens de navigation, par exemple : lien vers l'adresse électronique du service clientèle, la page d'accueil, linkedin, etc.

Éléments multiples avec séparateurs

HTML

Code personnalisé

Insertion directe de HTML

La plupart des composants partagent ces paramètres :

  1. Conditions d'affichage : Afficher ou masquer les composants en fonction de la disponibilité des données.

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

  2. Liens: Décidez de la couleur du lien et si le lien doit être souligné ou non.

  3. Général : Définit le remplissage autour du conteneur.

  4. Conception réactive: Contrôlez la visibilité sur les ordinateurs de bureau et les appareils mobiles à l'aide de l'interrupteur Desktop/Mobile situé en haut de la page.

Paramètres du corps

Définir un style global pour l'ensemble du modèle :

Général

  • Couleur du texte et couleur d'arrière-plan

  • Largeur du modèle (en pixels)

  • Alignement du contenu (gauche ou centré)

  • Famille et poids de la police

Paramètres de l'e-mail

  • Ajouter un texte d'en-tête

Liens

  • Paramètres par défaut de la couleur des liens et du soulignement

Ajout de contenu dynamique

Rendez vos courriels personnels et pertinents en y insérant des données dynamiques provenant de votre système. Nous proposons trois fonctionnalités.

  1. Balises de fusion

Qu'est-ce qu'une balise de fusion ?

Les balises de fusion insèrent automatiquement des informations spécifiques au client dans vos courriels.

Quand les utiliser ?

  • Personnaliser les messages d'accueil (par exemple, « Salut {{customer.name}} »)

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

  • Afficher les informations relatives à la facture ou à la commande

Comment ajouter une balise de fusion :

  1. Positionnez votre curseur à l'endroit où vous souhaitez obtenir les données.

  2. Cliquez sur Balises  de fusion.

  3. Sélectionnez Ajouter une balise de fusion normale.

  4. Sélectionnez la section de données (par exemple, Client).

  5. Sélectionnez le champ (par exemple, Nom).

  6. Examinez l'aperçu et cliquez sur Insérer.

  7. Cliquez sur Valider.

  1. Règles de balise de fusion

Quelles sont les règles de balise de fusion ?

Les règles permettent d'afficher des informations répétitives, par exemple chaque poste d'une facture. Des règles de balise de fusion sont définies pour chaque bloc.

Quand les utiliser ?

  • Liste de toutes les lignes de commande d'une facture

  • Afficher plusieurs produits d'abonnement

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

Comment ajouter une règle de balise de fusion :

  1. Cliquez sur Balises de fusion.

  2. Sélectionnez la section de données (par exemple, Facture).

  3. Sélectionnez l'élément répétitif (par ex. lignes de commande).

  4. Cliquez sur la boîte de prévisualisation de la règle, puis sur Insérer.

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

  6. Ajoutez des balises de fusion dans la règle (sélectionnez Ajouter une balise de fusion basée sur une règle de balise de fusion).

  7. Sélectionnez les champs que vous souhaitez afficher pour chaque élément.

  8. Cliquez sur Valider.

Exemple :

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

Chaque ligne de commande est affichée avec sa description et son montant.

  1. Conditions d'affichage

Quelles sont les conditions d'affichage ?

Les conditions permettent d'afficher ou de masquer le contenu en fonction de l'existence de données spécifiques ou de la satisfaction de certains critères.

Quand les utiliser ?

  • Masquer les plages de dates lorsqu'elles ne sont pas applicables

  • Afficher le contenu uniquement pour certains types de clients

  • Afficher des informations de manière conditionnelle en fonction de 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 Conditions d'affichage.

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

  4. Choisissez le type de condition :

    • Existe - affiche le contenu si le champ contient des données

    • Contient - affiche le contenu s'il correspond à un texte spécifique

    • Égales - affiche le contenu s'il est égal à une autre valeur

  5. Inverser la condition si nécessaire (pour cacher au lieu d'afficher).

  6. Cliquez sur Valider.

Exemple pratique : Courriel de facturation

Combinons ces trois caractéristiques :

Objet : Facture {{invoice.id}} pour {{customer.name}}

Bonjour {{customer.name}},

Votre facture est prête :

{{#invoice.orderlines}}
- {{ordertext}}
{{#period_from.date_medium}}Période : {{period_from.date_medium}} - {{period_to.date_medium}}{{/period_from.date_medium}}
  Montant : {{amount}}
{{/invoice.orderlines}}

Total : {{invoice.amount}}

Cet exemple utilise :

  • Balises de fusion : {{customer.name}}, {{invoice.id}}

  • Règle de balise de fusion : {{#invoice.orderlines}}...{{/invoice.orderlines}}

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