Modèles d'e-mail

Cette fonction vous permet d'utiliser des modèles existants, de les personnaliser ou d'en créer de nouveaux pour les différents envois automatisés proposés par notre application.

Utilisez la nouvelle interface WYSIWYG pour adapter les modèles par défaut aux besoins de votre entreprise.

Découvrons ensemble cette section !

Accès aux modèles d'e-mail

Pour consulter les modèles standards existants ou pour ajouter des modèles personnalisés, vous pouvez accéder à l'interface en :

1. En cliquant sur Configuration > Customer Communication dans la barre de navigation de gauche.

2. Cliquez ensuite sur Modèles d'e-mail

La page Email Templates s'ouvre et vous propose plusieurs options d'emails :

1. Modèles de factures: Modèles d'e-mails relatifs aux factures

2. Modèles d'abonnement: Modèles d'e-mails relatifs aux abonnements

3. Modèles de compte: Modèles d'e-mails relatifs à la gestion des comptes utilisateurs

4. Modèles de webhooks: Modèles d'e-mails liés aux Webhooks

5. Modèles de portail client: Modèles d'e-mails liés au portail clients

Liste des modèles d'e-mails disponibles

Vous pouvez utiliser les modèles standards suivants et créer vos modèles personnalisés pour ces cas d'utilisation :

Désactiver ou réactiver un modèle d'e-mail

Afin d'empêcher l'envoi de la notification par e-mail:

1. Vous pouvez accéder au modèle que vous souhaitez désactiver.

2. Ouvrez le menu accordéon du groupe de modèles qui vous intéresse en cliquant sur son nom.

3. Utilisez la bascule pour désactiver ou réactiver le modèle :
   

Attention

Les modèles de compte et les modèles de crochet Web ne peuvent pas être désactivés, car ils envoient des notifications pertinentes pour le système. Vous pouvez néanmoins les personnaliser comme les autres.

Paramètres du type d'e-mail

Les paramètres de type d'email vous permettent de modifier l'adresse email par défaut que vous avez spécifiée dans les paramètres d'email au niveau du modèle d'email. Cela signifie que vous pouvez personnaliser ces informations pour chacun des modèles que nous avons énumérés précédemment.

Attention

Veuillez noter que la modification de l'adresse e-mail par défaut sur un modèle spécifique remplacera l'adresse e-mail par défaut de ce modèle.

Vous pouvez ainsi remplacer le nom et l'adresse électronique affichés :

1. L'expéditeur

2. The Répondre à

3. Le Emails supplémentaires: CC et BCC.

Pour accéder à ces paramètres, veuillez lire cet article : Accès aux modèles d'email.

1. Cliquez ensuite sur l'icône derrière les noms des modèles que vous souhaitez personnaliser :
   

2. Cliquez ensuite sur le site :
   

3. Cliquez sur après avoir lu le message d'erreur :
   

4. Modifiez ensuite les Nom(s) et/ou Adresse(s) électronique(s) que vous devez personnaliser pour le modèle.

5. Enfin, cliquez sur .

Parfait, vous venez de modifier les informations nécessaires pour personnaliser les paramètres de messagerie de votre modèle.

Prévisualiser un modèle d'e-mail existant

Pour accéder aux modèles d'email, veuillez lire cet article : Accès aux modèles d'email.

Si vous souhaitez ouvrir et prévisualiser un modèle existant, veuillez suivre ces étapes:

1. Sur la page Email templates, cliquez sur le groupe de modèles qui vous intéresse.

2. Puis cliquez sur le nom du modèle pour ouvrir le menu accordéon.

3. Vous voyez une liste de modèles existants pour ce cas d'utilisation :
   

4. Cliquez ensuite sur le site pour ouvrir l'aperçu :
   

5. Faites défiler vers le bas pour voir l'ensemble du modèle.

6. Cliquez ensuite sur .

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

Il y a deux façons de créer un modèle personnalisé :

1. Soit vous clonez un modèle existant (standard ou personnalisé)
   

2. Ou vous créez un nouveau modèle à partir de zéro.
   

Pour les deux options vous avez besoin

1. D'abord pour accéder à l'interface des modèles de courrier électronique.
   

2. Ouvrez ensuite le groupe de modèles en cliquant sur son nom. (Modèles de factures puis de reçus à titre d'exemple).
   

3. Ensuite, cliquez sur le nom du modèle que vous souhaitez personnaliser.
   

Cloner un modèle d'e-mail existant

Suivez ces étapes si vous souhaitez adapter un modèle avec des changements mineurs.

1. Cliquez sur l'icône .
   

2. Vous verrez l'aperçu du modèle que vous êtes sur le point de cloner.
   

3. Insérez un nom pour votre clone.

4. Cliquez ensuite sur .

5. Vous êtes redirigé vers la liste des modèles.

6. Cliquez sur le nom de votre nouveau modèle.

7. L'éditeur Email s'ouvre.
   

Éditeur d'e-mail

Soit vous avez suivi la procédure précédente pour cloner un modèle d'e-mail existant, soit vous avez cliqué sur l'icône pour créer un nouveau modèle.

Les deux méthodes permettent d'ouvrir l'éditeur d'e-mail. L'interface est composée de quatre onglets :

1. Editeur: Une interface drag and drop qui vous permet d'ajouter des composants à votre modèle.

2. Texte: Un éditeur de texte que vous pouvez utiliser pour ajouter des balises de fusion, des règles de balises de fusion et des conditions.

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

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

Nous nous concentrerons tout d'abord sur l'éditeur et ses différents composants :

Contenu

Vous avez plusieurs composants à votre disposition pour personnaliser votre modèle d'e-mail:

Blocks

Vous pouvez utiliser la section Blocks pour structurer votre modèle.

Choisissez parmi une variété de Columns dans différentes distributions et glissez & ; déposez celle dont vous avez besoin dans le modèle.

Une fois que vous avez déposé le bloc, le menu vous montre les paramètres que vous connaissez déjà dans la section Colonnes que nous avons abordée plus tôt.

Body

La section Body vous permet de définir des paramètres standardisés qui s'appliquent à l'ensemble du modèle.

1. Général
   

   Définissez la mise en page du texte dans les paramètres généraux. Vous pouvez choisir la

   • Couleur du texte: Utilisez le code hexadécimal ou RVB ou choisissez dans une palette de couleurs.

   • Couleur d'arrière-plan: Utilisez le code hexadécimal ou RVB ou choisissez dans une palette de couleurs.

   • Largeur de votre modèle: Défini en pixels

   • Alignement de votre contenu: Gauche ou centré

   • Famille de polices: Accédez aux polices installées sur votre ordinateur

   • Poids de la police: Gras ou Normal

2. Paramètres de l'e-mail

   Ajoutez un texte d'en-tête pour votre modèle d'e-mail.
   

3. Liens

   Définissez la couleur du lien et décidez si vous souhaitez souligner ou non les liens dans votre modèle.
   

Images

Dans le menu Images, vous pouvez rechercher des images gratuites (sous licence) sur Unsplash, Pexels et Pixabay.

Via le site Voir le bouton magique, vous pouvez également accéder à l'interface AI que nous avons décrite précédemment.

Une fois que vous avez fait glisser l'image dans le modèle et que vous avez cliqué dessus, vous pouvez voir les paramètres d'image de la section Content.

Téléchargements

Le menu Uploads vous permet d'importer des images depuis votre ordinateur.

Pour télécharger des photos, vous pouvez

1. cliquez sur le bouton Upload Image ou

2. cliquez dans la case sous le bouton ou
   

3. Glissez vos photos dans ce cadre.

Une fois que vous avez fait glisser l'image dans le modèle et que vous avez cliqué dessus, vous pouvez voir les paramètres d'image de la section Content.

Text editor (tags/ balises de fusion & conditions)

Cet éditeur vous donne la possibilité de créer un texte dynamique pour votre modèle.

Pour ce faire, vous pouvez insérer :

1. Fusionner les balises: Utilisez les informations provenant de n'importe quel champ de notre application pour ajouter un contenu variable à votre texte.

   Note

   Exemple: Au lieu de coder en dur un accueil général, utilisez le nom réel du client en insérant le bon champ: {{customer.name}}.

   1. Dans la boîte de gauche, cliquez sur Fusionner les balises. Si vous souhaitez remplacer un texte, vous pouvez d'abord le marquer.

   2. Décidez si vous souhaitez

      • Ajouter une balise de fusion normale: Laissez-nous d'abord nous concentrer sur ce cas.

      • Ajouter une balise de fusion basée sur une règle d'étiquette de fusion : Consultez les instructions ci-dessous.

   3. Dans la liste déroulante Select item, sélectionnez l'endroit d'où proviendra votre étiquette de fusion, par exemple Customer.

   4. Dans la deuxième liste déroulante Select item, sélectionnez un champ que vous souhaitez afficher, par exemple Name.

   5. Dans la boîte Merge tag details, vous pouvez voir un exemple de la balise de fusion que vous avez sélectionnée.
      

   6. Cliquez sur pour insérer la balise.

   7. Cliquez régulièrement sur dans le coin supérieur droit de l'éditeur.

2. Règles de balises de fusion: Définissez une règle sur laquelle vous basez les balises de fusion suivantes.

   Note

   Exemple : Pour chaque ligne de commande, vous souhaitez afficher le texte de la commande.

   1. Dans la boîte de gauche, cliquez sur Merge tag rules.

   2. Dans la liste déroulante Select item, sélectionnez l'endroit d'où proviendra votre règle de balise de fusion, par exemple Invoice.

   3. Dans la liste déroulante Select item, sélectionnez les informations que vous souhaitez utiliser pour définir votre règle, par exemple Orderlines.

   4. Cliquez sur la boîte Select Rule qui vous montre un aperçu de votre règle.
      

   5. Cliquez ensuite sur .

   6. Dans la zone de gauche, cliquez au milieu des deux balises : {{#invoice.orderlines}} ICI {{/invoice.orderlines}}.

   7. Répétez ensuite la procédure d'insertion des Merge Tags comme expliqué ci-dessus.

   8. Choisissez l'option Ajouter une balise de fusion basée sur une règle de balise de fusion.

   9. Pour notre exemple, sélectionnez les articles Facture (Invoice) > Ligne de commande (Orderlines) > Texte (Ordertext):
      

   10. Cliquez ensuite sur .

       Avant de continuer avec la prochaine possibilité que vous avez dans l'éditeur de texte, jetons un coup d'œil sur le résultat actuel de notre modèle :
       

   11. Cliquez régulièrement sur dans le coin supérieur droit de l'éditeur.

3. Conditions d'affichage: Afficher ou masquer le contenu en fonction de critères définis.

   Note

   Exemple : Une image que vous souhaitez insérer dans notre exemple au-dessus des dates de la période de la souscription du produit.

   Sur la base de nos récents apprentissages, nous insérons deux nouvelles balises de fusion en utilisant notre règle de fusion : {{period_from.date_medium}} et {{period_to.date_medium}}.

   Pour améliorer la lisibilité, nous ajoutons les symboles "&gt " et " - ".

   En voyant les résultats, nous ne sommes pas très heureux :

   

   Les symboles que nous avons utilisés sont répétés inutilement.

   Pour éviter cela, nous n'afficherons la ligne que si nécessaire.

   1. Marquez les informations que vous souhaitez afficher conditionnellement.

   2. Cliquez sur Conditions d'affichage.

   3. La fenêtre Gérer les conditions d'affichage du bloc s'ouvre.
      

   4. Pour cet exemple, choisissez dans les menus déroulants de la section Select: Facture > Lignes de commande.

      Note

      Nous utilisons la même section que pour la ligne que nous voudrions montrer conditionnellement.

   5. Dans les deux menus déroulants suivants Select section ajouter pour cet exemple : Période de > Date heure moyen.
      

   6. Sélectionnez la condition: Choisissez si vous souhaitez afficher la ligne

      • si la condition est remplie

      • ou si elle n'est pas remplie.

   7. Cliquez sur .

      Examinons maintenant le résultat:
      

      Vous pouvez voir que les symboles ">" et "-" ne sont affichés que sur la ligne correcte.

      Note

      Vous pouvez utiliser des balises de fusion, des règles de fusion et des conditions dans plusieurs situations :

      • Pour rendre le corps de l'email plus dynamique (comme nous venons de le voir).

      • Pour ajouter une ligne de sujet variable :
        

      • Pour afficher les images, vous pouvez utiliser les règles et conditions de fusion:
        

   8. Cliquez régulièrement sur dans le coin supérieur droit de l'éditeur.

4. Avant-première

   Pour vérifier le modèle que vous venez de créer, utilisez le bouton Send Preview et confirmez ou modifiez votre adresse électronique :
   

Excellent ! Vous pouvez désormais créer des modèles d'e-mails dynamiques à l'aide de balises de fusion, de règles de balises de fusion et de conditions.