Skip to main content

Bienvenue dans notre documentation !

Modèles d'e-mails

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.

Email_Templates_Front_Picture.jpeg

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. Cliquer sur Configuration dans la barre de navigation à gauche.

  2. Puis cliquez sur Modèles d'E-mail dans la colonne Autre Configuration.

access_to_the_email_template_1

La page Rapports va s'ouvrir, vous montrant plusieurs options de rapports :

  1. Modèles Facture : Modèles d'e-mail liés aux factures

  2. Modèles Facture : Modèles d'e-mail liés aux factures

  3. Modèles Facture : Modèles d'e-mail liés aux factures

  4. Modèles Facture : Modèles d'e-mail liés aux factures

access_to_the_email_templates_2
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 :

Modèles de facture

Modèles de reçus

Reçu de carte

Envoyé quand une facture est réglée avec succès en utilisant une transaction par carte de crédit.

Reçu manuel de facture

Envoyé quand une facture est réglée avec succès en utilisant une transaction manuelle.

Reçu manuel de facture

Envoyé lorsqu'une facture d'un montant nul est réglée sans transaction. Ce scénario peut résulter d'un plan avec un montant nul ou de crédits supérieurs au plan et au montant des coûts supplémentaires.

Modèles de remboursement

Reçu de carte pour remboursement

Envoyé lorsqu'un remboursement est effectué pour une facture réglée au moyen d'une transaction par carte de crédit.

Reçu du remboursement manuel de la facture

Envoyé lorsqu'un remboursement est effectué pour une facture réglée à l'aide d'une transaction manuelle.

Modèles de relance

Notification de relance de facture

Envoyé selon le système de gestion des relances.

Notification de relance de facture sans mode de paiement

Envoyé lorsque la facture de relance n'a pas de mode de paiement ajouté.

Modèles d'abonnement

Modèles d'inscription

Reçu d'inscription

Envoyé lorsqu'un client s'est inscrit à un abonnement et que la méthode d'inscription n'est pas d'envoyer un courriel demandant de choisir le mode de paiement pour l'abonnement.

Demande de mode de paiement pour le reçu d'inscription

Envoyé lorsqu'un client s'est inscrit à un abonnement et que la méthode d'inscription consiste à envoyer un courrier électronique demandant de choisir le mode de paiement pour l'abonnement.

Modifier les modèles

Changement d'abonnement

Envoyé lorsque la tarification ou les périodes de facturation d'un abonnement sont modifiées (le plan ou le début de la prochaine période de facturation est modifié pour l'abonnement).

Mettre en pause les modèles

Abonnement en attente

Envoyé lorsqu'un abonnement est suspendu.

Relance de l'abonnement en attente

Envoyé lorsqu'un abonnement est mis en pause en raison de l'échec d'un processus de gestion de la relance. Le contenu de ce message est souvent différent de celui du message de pause normal.

L'abonnement a été réactivé

Envoyé lorsqu'un abonnement en pause a été réactivé.

Annuler les modèles

Annulation de l'abonnement

Envoyé lorsqu'un abonnement est annulé. Inclut la date d'expiration de l'abonnement.

Abonnement non résilié

Envoyé lorsqu'un abonnement annulé est dé-annulé.

Expiration des modèles

Abonnement expiré

Envoyé lorsqu'un abonnement est arrivé à expiration, soit en raison d'une résiliation préalable, soit parce qu'un nombre fixe de cycles de facturation a été atteint.

Relance d'abonnement expiré

Envoyé lorsqu'un abonnement a expiré à la suite de l'échec d'un processus de gestion des relances. Le contenu de ce courrier est souvent différent de celui du courrier normal d'expiration.

Modèles de rappels

Rappel de renouvellement de l'abonnement

Envoyé X jours avant le renouvellement d'un abonnement, pour rappeler que la carte du client sera débitée.

Rappel de fin d'essai d'abonnement

Envoyé X jours avant la fin de la période d'essai d'un abonnement.

Modèles de compte

Modèles d'invitation

Invitation à un compte utilisateur

Envoyé lorsque vous invitez d'autres personnes à rejoindre votre équipe.

Notification de compte d'utilisateur

Envoyé lorsqu'un utilisateur existant est invité à gérer un tableau de bord Billwerk+.

Modèles de vérification

Vérification de l'e-mail de l'utilisateur

Envoyé lorsqu'un utilisateur existant demande une vérification par e-mail.

Réinitialiser les modèles

Réinitialisation du mot de passe de l'utilisateur

Envoyé lorsqu'un utilisateur existant demande une réinitialisation du mot de passe.

Modèles de Webhook

Modèles d'alerte

Échec du webhook

Envoyé lorsqu'un webhook échoue à plusieurs reprises.

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 #UUID-81c23449-9894-8054-eed2-db94871957cb 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 :

    Deactive_a_email_template_1

Attention

Les modèles de compte et les modèles de Webhook ne peuvent pas être désactivés, car ils envoient des notifications pertinentes au système. Vous pouvez quand même les personnaliser comme les autres.

Paramètres du type d'e-mail

Les Paramètres de type d'e-mail vous permettent de modifier l'adresse e-mail par défaut que vous avez spécifiée dans les Paramètres d'e-mail sur le niveau Modèle d'e-mail . Cela signifie que vous pouvez personnaliser cette information pour chacun des modèles que nous avons listé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. Expéditeur

  2. Le Répondre à

  3. Adresse e-mails supplémentaires: CC et Cci.

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

  1. Puis cliquez sur l'icône gear_icon_Reepay.png derrière les noms du modèle que vous souhaitez personnaliser :

    Email_Type_Settings_1

  2. Ensuite, cliquez sur Reepay_Admin_-_Pencil_icon.png:

    Email_Type_Settings_2

  3. Cliquez sur Reepay_Admin_-_Continue.png après avoir lu le message d'erreur :

    Email_type_Settings_3

  4. Puis changez les Nom(s) et/ ou Adresse(s) e-mails que vous devez personnaliser pour le modèle.

  5. Enfin, cliquez sur Reepay_Admin_-_Confirm_button.png.

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'e-mail, veuillez lire cet article : Accès aux modèles d'e-mail.

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

  1. Dans la page Modèles d'e-mail, 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 :

    Reepay_Admin_-_Preview_Email_templates.png

  4. Puis cliquez sur eye-solid.png pour ouvrir l'aperçu :

    Reepay_Admin_-_Preview_2_Email_templates.png

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

  6. Ensuite, cliquez sur close_Reepay.png.

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é)

    create_a_customized_email_template5.png

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

    create_a_customized_email_template4.png

Pour les deux options vous avez besoin

  1. d'abord pour accéder à l'interface Modèles d'e-mail.

    create_a_customized_email_template.png

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

    create_a_customized_email_template2.png

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

    create_a_customized_email_template3.png
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 Reepay_Admin_-_Copy_Icon.png.

    clone_an_existing_email_template.png

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

    clone_an_existing_email_template2.png

  3. Insérez un nom pour votre clone.

  4. Ensuite, cliquez sur Reepay_Admin_-_Confirm_button.png.

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

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

  7. L'éditeur d'e-mail s'ouvre.

    clone_an_existing_email_template3.png
É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 Reepay_Admin_-_Plus_button.png pour créer un nouveau modèle.

Les deux s'ouvrent sur Éditeur d'e-mail. L'interface est composée de quatre onglets :

  1. Éditeur : Une interface "glisser-déposer" 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, gérer les règles de balises de fusion et les conditions d'affichage.

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

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

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

Reepay_Admin_-_Edit_email_template.png
Contenu

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

Content-images.PNG
Content-columns.PNG

  1. Glissez & Déposez le composant de colonnes dans le modèle pour structurer votre email.

    Reepay_Admin_-_Email_Editor_Columns1.png

  2. Vous pouvez définir les options pour les appareils Bureau ou Mobile.

    Reepay_Admin_-_Email_Editor_Columns2.png

  3. Ajoutez une condition d'affichage en cliquant sur la case.

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

    Reepay_Admin_-_Display_conditions_Edit_email_template.png

    1. Cliquez sur Ajouter une condition.

    2. Sélectionnez une section d'où doivent venir les champs de votre condition.

    3. Sélectionnez ensuite les champs.

    4. Décidez si l'information devrait être disponible ou non.

    5. Cliquez sur Reepay_Admin_-_Confirm_button.png.

  4. Dans la section Colonnes vous pouvez décider de la distribution de vos colonnes. Vous pouvez afficher jusqu'à quatre colonnes de différentes façons. Cliquez sur la distribution que vous souhaitez voir.

    Note

    Si vous réduisez le nombre de colonnes, un message d'erreur vous avertira que vous êtes sur le point de supprimer des colonnes. Cela supprimera le contenu de ces colonnes.

  5. Pour chaque colonne, vous pouvez définir les propriétés de la colonne :

    Reepay_Admin_-_Email_Editor_Columns3.png

    Note

    Vous pouvez activer d'autres options pour personnaliser chaque côté de votre cellule : Padding et Border design.

  6. Les Propriétés de la ligne vous permettent de spécifier l'arrière-plan et le remplissage de la ligne :

    Reepay_Admin_-_Email_Editor_Columns4.png

  7. Dans Site Web Adaptatif vous pouvez décider de cacher ou d'afficher l'en-tête sur la version Bureau (ou dans l'autre onglet, voir point 2, la version Mobile).

Content-heading.PNG

  1. Glisser & Déposer le composant d'en-tête dans le modèle pour insérer un bloc de texte d'en-tête.

    Reepay_Admin_-_Heading_1_Edit_email_template.png

  2. Vous pouvez définir les options pour les appareils Bureau ou Mobile.

  3. Ajouter une Condition d'affichage .

  4. Utilisez Smart Headings pour générer automatiquement un titre en insérant au moins deux mots clés :

    Reepay_Admin_-_Heading_2_Edit_email_template.png

    Cliquez sur Obtenir des suggestions pour choisir la tonalité :

    Reepay_Admin_-_Heading_3_Edit_email_template.png

    Cliquez sur Refresh pour obtenir plus de suggestions.

    Cliquez ensuite sur la suggestion pour l'insérer dans votre modèle.

  5. Définir les propriétés Texte comme indiqué de la façon suivante:

    Reepay_Admin_-_Heading_4_Edit_email_template.png

  6. Pour Liens, vous pouvez décider de ne pas hériter des styles du corps, ce qui vous permet de définir une couleur personnalisée et de décider de souligner ou non le texte du lien..

  7. Si vous activez d'autres options dans la section Général, vous pouvez définir le padding des quatre côtés de votre en-tête.

  8. Dans Site Web Adaptatif vous pouvez décider de cacher ou d'afficher l'en-tête sur la version Bureau (ou dans l'autre onglet, voir point 2, la version Mobile).

    Reepay_Admin_-_Heading_5_Edit_email_template.png
Content-text.PNG

  1. Glissez & Déposez le composant de texte dans le modèle pour structurer votre email.

    Content-text1.PNG

  2. Vous pouvez définir les options pour les appareils Bureau ou Mobile.

    content-desktopormobile.PNG

  3. Ajoutez une Condition d'affichage en cliquant sur la case.

  4. Pour chaque bloc de texte, vous pouvez définir Caractéristiques du texte:

    Content-textproperties.PNG

  5. Pour les Liens, vous pouvez décider de ne pas hériter des styles du corps, ce qui vous permet de définir une couleur personnalisée et de décider de souligner ou non le texte du lien.

  6. Si vous activez d'autres options dans la section Général, vous pouvez définir l'espacement des quatre côtés autour de votre bloc de texte.

  7. Dans Site Web Adaptatif vous pouvez décider de cacher ou d'afficher le texte sur la version Bureau (ou dans l'autre onglet, voir point 2, la version Mobile).

Note

De plus, vous pouvez également utiliser la fonctionnalité Texte Intelligent pour que l'IA vous aide à créer le texte requis. À titre d'exemple, reformulons "Salutations à tous! C'est bien de vous avoir ici!"

  1. Cliquez sur le bloc de texte et sélectionnez Texte Intelligent dans le panneau d'édition.

    Content-text-smart.PNG

  2. Dans la fenêtre Texte intelligent, utilisez une des différentes options de modification de texte IA. Nous allons reformuler notre texte. Sélectionnez Reformulez votre texte.

    Content-text-smart2.PNG

  3. Après une seconde, l'IA reformule le bloc de texte vers une version alternative 'Bonjour à tous! Quel plaisir de vous avoir parmi nous!'

    Content-text-smart3.PNG
Content-image.PNG

  1. Glissez & Déposez le composant image dans le modèle pour structurer votre email.

    content-image1.PNG

  2. Vous pouvez définir les options pour les appareils sur Bureau ou Mobile.

    content-desktopormobile.PNG

  3. Ajoutez une Condition d'affichage en cliquant sur la case.

  4. Obtenez une image personnalisée générée par l'IA en sélectionnant Content-generate.PNG.

    1. Veuillez fournir une description de l'image pour l'IA pour la créer. Comme dans l'exemple 'réunion en vidéo conférence avec patron'. Après cela, cliquez sur Générer des images.

      content-imagesmart2.PNG

    2. Après quelques secondes, plusieurs images générées sont prêtes à être choisies pour votre modèle. Si l'image est choisie, passez dessus et sélectionnez Utiliser l'image.

      content-imagesmart3.PNG

    3. L'image sélectionnée sera automatiquement ajoutée au modèle d'e-mail.

      content-imagesmart6.PNG

    4. Pour chaque image, vous pouvez définir différentes propriétés :

      content-imagesmart5.PNG

    Texte alternatif est de fournir une description textuelle du contenu de l'image pour les personnes handicapées utilisant des lecteurs d'écran.

    Note

    De plus, vous pouvez cliquer sur Appliquer les effets et plus qui ouvre un outil d'édition avec des fonctionnalités de base, comme l'arrondissement des bords ou le redimensionnement de l'image.

    content-imagesmart7.PNG

    En outre, si l'IA n'est pas assez utile, il y a une option de recherche parmi les photos stock.

    1. Allez dans le menu déroulant Plus d'images et choisissez photos stock.

      content-imagesmart8.PNG

    2. Insérez le mot clé décrivant votre image. Par exemple 'bureaux'. La liste des photos sera affichée pour vous à choisir. Cliquez sur l'image préférée. Terminé !

      content-imagesmart9.PNG

  5. La section Action vous permet de créer une action. Elle déclenche une action spécifique lorsqu'une image est cliquée par l'utilisateur. Nous pouvons ouvrir un site web, envoyer un e-mail ou appeler un numéro de téléphone.

    content-imageaction.PNG

  6. Si vous activez d'autres options dans la section Général, vous pouvez définir les marges des quatre côtés de votre en-tête.

  7. Dans Site Web Adaptatif vous pouvez décider de cacher ou d'afficher l'image sur la version Bureau (ou dans l'autre onglet, voir point 2, la version Mobile).

Content-button.PNG

  1. Glissez & Déposez le composant bouton dans le modèle pour structurer votre email.

    contentbutton1.PNG

  2. Vous pouvez définir les options pour les appareils sur Bureau ou Mobile.

    content-desktopormobile.PNG

  3. Ajoutez une Condition d'affichage en cliquant sur la case.

  4. Utilisez Touches Intelligentes pour générer automatiquement un bouton en insérant au moins deux mots-clés :

    Content-button2.PNG

    Cliquez sur Obtenir des suggestions pour choisir la tonalité :

    Content-button3.PNG

    Après avoir choisi le ton préféré, vous verrez cinq suggestions pour le texte de votre bouton.

  5. La section Action vous permet de créer une action. Elle déclenche une action spécifique lorsqu'une image est cliquée par l'utilisateur. Nous pouvons ouvrir un site web, envoyer un e-mail ou appeler un numéro de téléphone.

    content-imageaction.PNG

  6. Les options Bouton vous permettent de spécifier l'arrière-plan, la police, la couleur du texte, etc.

    Content-button4.PNG

  7. La section Espacement définit la configuration pour les marges, la bordure et l'arrondi de la bordure. Plus d'options vous aide à configurer tous ces aspects de chaque côté.

    Note

    Voici l'exemple de configuration de la Bordure avec un pointillé en haut et en bas d'un bouton:

    Content-button6.PNG

    Résultat:

    Content-button7.PNG

  8. Si vous activez d'autres options dans la section Général, vous pouvez définir les marges des quatre côtés de votre bouton.

    Note

    Il y a une différence entre les marges configurés ici et dans la section Espacement - Les marges dans général sont pour un élément de bouton, les marges de l'espace sont pour un élément de texte dans la case bouton.

  9. Dans Site Web Adaptatif vous pouvez décider de cacher ou d'afficher le bouton sur la version Bureau (ou dans l'autre onglet, voir point 2, la version Mobile).

Content-divider.PNG

  1. Glissez & Déposez le composant séparateur dans le modèle pour structurer votre email.

    Content-divider1.PNG

  2. Vous pouvez définir les options pour les appareils sur Bureau ou Mobile.

    content-desktopormobile.PNG

  3. Ajoutez une Condition d'affichage en cliquant sur la case.

  4. Dans la section Ligne vous pouvez décider des propriétés de votre séparateur. Vous pouvez modifier sa largeur, son type de ligne, sa couleur ou son alignement.

    Content-divider2.PNG

  5. Si vous activez d'autres options dans la section Général, vous pouvez définir les marges des quatre côtés de votre séparateur.

  6. Dans Site Web Adaptatif vous pouvez décider de cacher ou d'afficher le séparateur sur la version Bureau (ou dans l'autre onglet, voir point 2, la version Mobile).

Content-html.PNG

  1. Glissez & Déposez le composant HTML dans le modèle pour structurer votre email.

    Content-html1.PNG

  2. Vous pouvez définir les options pour les appareils sur Bureau ou Mobile.

    content-desktopormobile.PNG

  3. Ajoutez une Condition d'affichage en cliquant sur la case.

  4. Dans la section HTML vous pouvez insérer votre syntaxe HTML pour structurer votre élément.

    Content-html2.PNG

    Note

    À titre d'exemple, nous avons ajouté la fonctionnalité de recherche Google en tant que contenu de bloc HTML.

    <form action="http://www.google.com/search" method="get"> <fieldset> <input type="hidden" name="sitesearch" value="yoursite.com" /> <input type="text" name="q" size="31" maxlength="255" value="" /> <input type="submit" value="Google Search" /> </fieldset> </form>

    Résultat:

    Content-html3.PNG

  5. Si vous activez d'autres options dans la section Général, vous pouvez définir les marges des quatre côtés de votre en-tête.

  6. Dans Site Web Adaptatif vous pouvez décider de cacher ou d'afficher l'élément HTML sur la version Bureau (ou dans l'autre onglet, voir point 2, la version Mobile).

Content-menu.PNG

  1. Glissez & Déposez le composant de menu dans le modèle pour structurer votre e-mail.

    Content-menu1.PNG

  2. Vous pouvez définir les options pour les appareils sur Bureau ou Mobile.

    content-desktopormobile.PNG

  3. Ajoutez une Condition d'affichage en cliquant sur la case.

  4. Dans la section Éléments de menu vous pouvez ajouter des textes interactifs dont votre menu sera constitué. Chaque objet de menu a un texte et un type d’action. Il fonctionne comme la fonctionnalité du bouton #UUID-828f404a-00fd-23fc-d952-def7a7b6cc67_N1690439673281. Ajouter un nouvel élément vous permet d'ajouter un bouton interactif à votre menu.

    Content-menu3.PNG

  5. Les Styles vous permet de spécifier les propriétés suivantes :

    Content-menu4.PNG

    Note

    Séparateur est un élément char qui divise les éléments de votre menu. Utilisons '-' comme exemple :

    Content-menu5.PNG

    La configuration du remplissage fait référence aux éléments de menu à l'intérieur.

  6. Si vous activez d'autres options dans la section Général, vous pouvez définir l'espacement des quatre côtés de votre élément de menu.

  7. Dans Site Web Adaptatif vous pouvez décider de cacher ou d'afficher le menu sur la version Bureau (ou dans l'autre onglet, voir point 2, la version Mobile).

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 &amp ; déposez celle dont vous avez besoin dans le modèle.

Reepay_Admin_-Blocks_Edit_email_template.png

Une fois que tu as déposé le block, le menu te montre les paramètres que tu connais déjà dans la section Columns dont nous avons discuté plus tôt.

Body

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

  1. General

    Reepay_Admin_-Body1_Edit_email_template.png

    Définissez la disposition du texte dans les paramètres General . Vous pouvez choisir le

    • Text Color: Utilisez le code hexadécimal ou RGB ou choisissez dans une palette de couleurs

    • Background Color: Utilisez le code hexadécimal ou RGB ou choisissez dans une palette de couleurs

    • Width of your template: Définir en pixels

    • Alignment of your content: Gauche ou centrée

    • Font Family: Accédez aux polices installées sur votre ordinateur

    • Font Weight: Bold ou Regular

  2. Email Settings

    Ajoutez un Preheader Text pout votre modèle d'e-mail.

    Reepay_Admin_-Body2_Edit_email_template.png

  3. Links

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

    Reepay_Admin_-_Body3_Edit_email_template.png
Images

Dans le menu Images vous pouvez rechercher des photos gratuites (licences) sur Unsplash, Pexels et Pixabay.

Reepay_Admin_-_Images_Edit_email_template.png

Via le bouton Voir la magie vous pouvez également accéder à l'interface IA 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 Contenu.

Téléchargements

Le menu Téléchargement vous permet d'importer des images depuis votre ordinateur.

Reepay_Admin_-_Upload_Edit_email_template.png

Pour télécharger des photos, vous pouvez

  1. cliquez sur le bouton Envoyez une image ou

  2. cliquez dans la case sous le bouton ou

    Reepay_Admin_-_Upload_2_Edit_email_template.png

  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 Contenu.

Text editor (tags/ balises de fusion & conditions)

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

Reepay_Admin_-_Text_Editor_Edit_email_template.png

Pour ce faire, vous pouvez insérer :

  1. Une balise de fusion: Utilisez les informations provenant de n'importe quel champ de notre application pour ajouter du 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 zone à gauche, cliquez sur les balises Fusionner les tags. Si vous souhaitez remplacer un texte, vous pouvez le marquer d'abord.

    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 Sélectionnez un élément, sélectionnez d'où viendra votre balise de fusion, par exemple le client (Customer).

    4. Dans la deuxième liste déroulante Sélectionnez un élément, sélectionnez un champ que vous souhaitez afficher, par exemple Nom (Last Name).

    5. Dans la case Détails concernant la balise de fusion vous pouvez voir un exemple de la balise de fusion que vous avez sélectionnée.

      Reepay_Admin_-_Merge_Tag_Edit_email_template.png

    6. Cliquez sur Reepay_Admin_-_Confirm_button.png pour insérer le tag.

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

  2. Fusionner les règles des balises: 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 zone à gauche, cliquez sur les règles de la balise Fusionner les règles de balise.

    2. Dans la liste déroulante Sélectionner une section, sélectionnez d'où viendra votre balise de fusion, par exemple la facture (Invoice).

    3. Dans la liste déroulante Sélectionner une section, sélectionnez les informations que vous souhaitez utiliser pour définir votre règle, par exemple les lignes de commande (Orderlines).

    4. Cliquez sur la case Sélectionnez une règle qui vous montre un aperçu de votre règle.

      Reepay_Admin_-_Merge_Tag2_Edit_email_template.png

    5. Ensuite, cliquez sur Reepay_Admin_-_Confirm_button.png.

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

    7. Puis répétez la procédure d'insertion des balises de fusion comme expliqué au-dessus de.

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

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

      Reepay_Admin_-_Merge_Tag2b_Edit_email_template.png

    10. Ensuite, cliquez sur Reepay_Admin_-_Confirm_button.png.

      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 :

      Reepay_Admin_-_Merge_Tag2c_Edit_email_template.png

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

  3. Conditions d'affichage: Afficher ou masquer le contenu en fonction des 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 :

    Reepay_Admin_-_Merge_Tag2d_Edit_email_template.png

    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 Condition d'affichage.

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

      Reepay_Admin_-_Merge_Tag_3a_Edit_email_template.png

    4. Pour cet exemple, choisissez dans la liste déroulante Sélectionnez la section : Facture (Invoice) > Ligne de commande (Orderlines).

      Note

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

    5. Dans les deux suivants Sélectionnez la section des menus déroulants ajoutent pour cet exemple : Période à partir de (Period from) > Date moyenne (Date time medium).

      Reepay_Admin_-_Merge_Tag_3b_Edit_email_template.png

    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 Reepay_Admin_-_Confirm_button.png.

      Examinons maintenant le résultat:

      Reepay_Admin_-_Merge_Tag_3c_Edit_email_template.png

      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 dynamiser le corps de l'email (comme nous venons de le voir).

      • Pour ajouter une ligne de sujet variable :

        Reepay_Admin_-_Merge_Tag_4_Edit_email_template.png

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

        Reepay_Admin_-_Merge_Tag_4a_Edit_email_template.png

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

  4. Aperçu

    Afin de vérifier le modèle que vous venez de créer, utilisez le bouton Envoyer un aperçu et confirmez ou changez votre adresse e-mail :

    Reepay_Admin_-_5_Edit_email_template.png

Super ! Vous pouvez maintenant créer des modèles d'e-mail dynamiques en utilisant des balises de fusion, des règles et des conditions de fusion.

Dans cette section​: