# Créer et personnaliser les e-mails du programme Advocate
Suivre le cours PXA
Votre programme est initialement configuré avec des versions par défaut des e-mails du programme afin de vous permettre d’être opérationnel le plus rapidement possible. Ces versions par défaut sont chargées avec des images et des messages génériques pour transmettre l’essence de l’e-mail. Nous vous recommandons d’adapter les e-mails de votre programme afin de garantir que les informations soient pertinentes pour votre programme et votre produit.
Consultez notre documentation sur [les balises de fusion](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails) pour savoir comment inclure dans vos e-mails des informations spécifiques aux participants.
#### Créer ou modifier un modèle d’e-mail
Au moins un e-mail de programme sera créé lorsque vous configurerez les règles de votre programme. Nous vous recommandons de modifier les e-mails de programme existants et d’en créer un nouveau uniquement si nécessaire.
1. Dans le menu de navigation de gauche, sélectionnez  **\[Engage] → Contenu**.
2. Dans la *cartes E-mails* , sélectionnez **Créer nouveau** ou **Modifier les e-mails** pour modifier les modèles existants.
3. Si vous créez un nouveau modèle, sélectionnez **Créer un nouveau modèle d’e-mail** et saisissez un identifiant de modèle d’e-mail court et descriptif (par ex., Acme Advocates) pour identifier l’e-mail. Utilisez cet identifiant pour reconnaître l’e-mail lors de la configuration des règles de votre programme.
* Sélectionnez  **\[Plus]** pour supprimer un modèle.
* Sélectionnez  **\[Icône de sortie]** pour réduire le menu latéral.
4. Avant d’utiliser l’éditeur, sélectionnez **Modifier** pour remplir les *Informations de contact* requises en haut de votre écran.
* Saisissez le **Nom de l’expéditeur** en ajoutant un nom statique qui s’affiche dans l’e-mail, par exemple Acme Advocates.
* Saisissez une **Adresse d’expéditeur** à partir de laquelle le domaine personnalisé de l’e-mail provient.
* Si vous souhaitez modifier l’adresse e-mail *Expéditeur* , vous devrez ajuster vos paramètres afin de garantir que notre système envoie des e-mails authentiques en votre nom. Pour utiliser un domaine dont vous êtes propriétaire pour l’ *Adresse d’expéditeur*, vous devez [configurer un domaine](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate) depuis la page *Paramètres* .
* Saisissez une **CCI** pour envoyer une copie de l’e-mail.
* Saisissez une **Objet** de l’e-mail.
* Sélectionnez **Terminé** pour enregistrer ces informations.
5. Ensuite, passez à l’utilisation de l’éditeur.
#### Utiliser l’éditeur
Vous devrez peut-être mettre à niveau votre éditeur d’e-mails vers la nouvelle version avant de pouvoir rédiger votre e-mail facilement. Pour ce faire, recherchez la bannière bleue en haut de la page et sélectionnez **Mettre à jour maintenant**.
Toutes les images, le texte et les liens de l’e-mail sont répartis en composants individuels qui constituent la structure de l’e-mail. Ces composants sont les blocs de construction de l’e-mail.
{% hint style="success" icon="memo-circle-check" %}
**Remarque :** Reportez-vous à la section ci-dessous [*Référence des composants d’e-mail*](#component-reference-0-2) pour mieux comprendre le fonctionnement des icônes de l’éditeur.
{% endhint %}
Options d’aperçu
* **Menu déroulant Actions** - Cette option vous permet de choisir entre prévisualiser l’e-mail dans son ensemble ou envoyer un e-mail de test. Vous pouvez également basculer l’affichage du canevas entre ordinateur et mobile.
* **Afficher la structure** - Cette option applique une grille au canevas afin que vous puissiez vérifier l’alignement de vos différents composants.
* **Afficher les balises de fusion** - Cette option vous permet d’activer la possibilité de voir ce que vos valeurs dynamiques afficheront aux destinataires. Par exemple, au lieu de voir votre texte de remplacement, comme *Nom de l’entreprise*, vous verrez le nom réel de l’entreprise, par exemple Stark Industries.
* **Importer un modèle d’e-mail** - Cette option vous permet d’importer tous les modèles d’e-mails existants que vous avez créés.
* **Exporter le modèle d’e-mail** - Une fois votre e-mail rédigé, vous pouvez utiliser cette option pour exporter le modèle d’e-mail.
Ajouter un composant d’e-mail
**Limité :** L’ajout de composants supplémentaires à un e-mail Advocate n’est disponible que pour certaines éditions Advocate. [Contacter l’assistance](https://app.impact.com/support/portal.ihtml) pour mettre à niveau votre compte et accéder à cette fonctionnalité.
1. Sélectionnez  **\[Contenu]** pour choisir un nouveau composant.
2. **Sélectionnez et faites glisser** le composant dans la zone de l’e-mail où vous souhaitez qu’il apparaisse. Une barre verte apparaîtra dans l’e-mail pour vous aider à placer le nouveau composant.
3. Vous pouvez éventuellement ajuster le contenu ou l’apparence du composant :
* **Sélectionnez** le composant que vous souhaitez modifier.
* À droite, sous la section contenu, les options d’édition de ce composant s’afficheront.
4. **Enregistrer** vos modifications.
* L’éditeur d’e-mails n’enregistre pas automatiquement les modifications. Veillez à sélectionner **Enregistrer** en haut à droite de l’écran. Si vous avez commis une erreur, vous pouvez quitter l’éditeur et les modifications ne seront pas enregistrées.
{% hint style="success" icon="memo-circle-check" %}
**Remarque :** Les nouveaux composants interagiront avec les composants existants de l’e-mail, ce qui peut déplacer le texte et les images existants. Il est généralement plus facile de modifier les composants existants en mettant à jour une image existante ou en ajoutant du texte au contenu existant.
{% endhint %}
Supprimer un composant
1. Dans la *espace de travail*, sélectionnez le composant que vous souhaitez supprimer.
2. Sélectionnez  **\[Supprimer]** pour supprimer le composant de l’e-mail.
3. **Enregistrer** vos modifications.
Mettre à jour le texte de l’e-mail
Le contenu de l’e-mail est divisé en composants de texte gérés dans différentes sections de l’e-mail.
1. Ajoutez un nouveau composant de texte depuis la  **\[Contenu]** section ou sélectionnez un composant existant.
2. Ajustez le texte du composant en tapant directement dans la zone.
3. Avec le composant de texte sélectionné, vous pouvez modifier la police, la couleur, le poids ou l’espacement du texte à gauche, dans la section *contenu* .
4. Une fois vos mises à jour terminées, sélectionnez **Actions** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Menu déroulant] → Envoyer un e-mail de test** pour vous envoyer un e-mail de test.
5. Si l’e-mail de test est satisfaisant, **Enregistrer** vos modifications.
Ajouter une image personnalisée
**Limité :** L’ajout d’un composant image personnalisé supplémentaire à un e-mail Advocate n’est disponible que pour certaines éditions Advocate. [Contacter l’assistance](https://app.impact.com/support/portal.ihtml) pour mettre à niveau votre compte et accéder à cette fonctionnalité.
1. Ajoutez un nouveau composant image ou mettez en surbrillance le composant image que vous souhaitez modifier.
2. Une fois sélectionné, double-cliquez dessus pour afficher la fenêtre *Sélectionner une image* . Sélectionnez **Ajouter des images** pour choisir l’image que vous souhaitez utiliser. Une fois l’image chargée dans la *Sélectionner une image* fenêtre, double-cliquez dessus pour l’ajouter au nouveau composant.
3. Ajustez la taille et l’emplacement de l’image à l’aide des sélecteurs dans l’ *Espace de travail*.
4. Une fois vos mises à jour terminées, sélectionnez **Actions** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Menu déroulant]** → **Envoyer un e-mail de test** pour vous envoyer un e-mail de test.
5. Si l’e-mail de test est satisfaisant, **Enregistrer** vos modifications.
Ajouter du contenu dynamique
Les balises de fusion vous permettent d’ajouter du contenu dynamique, comme le nom du participant ou le montant récompensé, au texte de l’e-mail. Vous pouvez ajouter une balise de fusion à n’importe quel composant de texte.
{% hint style="success" icon="memo-circle-check" %}
**Remarque :** S’il n’existe aucune information correspondant à la balise de fusion que vous utilisez, les participants verront un espace supplémentaire dans le texte de l’e-mail. Par exemple, si vous utilisez *"Bonjour `{{user.firstName}}`. Comment allez-vous ?"* dans votre e-mail, mais que l’utilisateur n’a pas de données dans le champ firstName, l’e-mail s’affichera comme *"Bonjour . Comment allez-vous ?"*.
{% endhint %}
1. Dans la zone du canevas, ajoutez ou sélectionnez le composant de texte auquel vous souhaitez ajouter une balise de fusion.
2. Dans la barre d’outils liée au composant, placez le curseur à l’endroit où vous souhaitez insérer la balise de fusion, puis sélectionnez **Balises de fusion**.
3. **Enregistrer** vos modifications.
{% hint style="danger" %}
**Important :** Un e-mail de test envoyé depuis l’éditeur n’inclura aucune valeur là où les balises de fusion ont été placées.
{% endhint %}
#### Référence des composants d’e-mail
Cette section vous guidera à travers les différentes icônes de la barre d’outils accessibles dans l’éditeur d’e-mails.
Icônes de contenu
Cet onglet vous permet d’insérer des composants et de modifier l’apparence de chaque composant une fois sélectionné et inséré sur le canevas :
| Élément | Description |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **\[Code de récompense en espèces Advocate]** | Insérez un composant de code de récompense en espèces Advocate sur le canevas pour afficher les codes de récompense en espèces disponibles. |
| **\[Code de récompense Advocate]** | Insérez un composant de code de récompense Advocate sur le canevas pour créer des codes de récompense fueltank. |
| **\[Code de récompense Friend]** | Insérez un composant de code de récompense Friend sur le canevas pour créer des codes de récompense fueltank à partager avec des amis. |
|  **\[Titre]** | Insérez un composant de texte de titre sur le canevas. |
|  **\[Paragraphe]** | Insérez un composant de texte de paragraphe sur le canevas. |
|  **\[Liste]** | Insérez un composant de liste à puces sur le canevas. |
|  **\[Image]** | Insérez un composant image sur le canevas. |
|  **\[Bouton]** | Insérez un composant de bouton interactif sur le canevas. |
|  **\[Séparateur]** | Insérez un composant de séparateur sur le canevas. |
|  **\[Espaceur]** | Insérez un composant d’espacement sur le canevas. |
|  **\[Social** | Insérez un composant social pour ajouter des boutons de médias sociaux permettant de renvoyer vers vos différentes plateformes sociales. |
|  **\[Contenu dynamique]** | Insérez des composants de contenu dynamique pour inclure les informations que vous souhaitez voir renseignées dynamiquement au moment de l’envoi des e-mails, afin que l’e-mail ait une touche personnalisée. |
|  **\[HTML]** | Insérez des composants codés en HTML sur le canevas. Vous pouvez saisir le code à droite et il sera mis en forme dans le canevas. |
|  **\[Icônes]** | Insérez un composant d’icône sur le canevas. |
Lignes
Vous trouverez ici d’autres sections d’e-mail préconstruites qui peuvent être ajoutées à vos e-mails par simple glisser-déposer.
* **Par défaut** - blocs de contenu préconstruits.
* **Vide** - espace réservé pour du contenu que vous pourriez ajouter ultérieurement.
* **Personnalisé** - créez votre propre contenu à insérer, particulièrement utile lorsqu’il s’agit de réutiliser du contenu.
Paramètres
Cet onglet vous permet de modifier les paramètres de conception. Ces paramètres sont appliqués à l’ensemble de l’e-mail.
* **Largeur de la zone de contenu** - Modifiez la largeur de la zone du canevas dans laquelle votre contenu est ajouté.
* **Alignement de la zone de contenu** - Sélectionnez si vous souhaitez que le contenu de l’e-mail soit aligné à gauche ou centré dans le canevas.
* **Couleur d’arrière-plan** - Sélectionnez le bloc de couleur pour choisir une teinte à partir du dégradé de couleurs qui apparaîtra, ou saisissez le code hexadécimal pour une couleur précise de l’arrière-plan de l’e-mail. Pour des arrière-plans transparents, saisissez simplement « transparent » comme code hexadécimal.
* **Couleur d’arrière-plan de la zone de contenu** - Sélectionnez le bloc de couleur pour choisir une teinte à partir du dégradé de couleurs qui apparaîtra, ou saisissez le code hexadécimal pour une couleur précise de l’arrière-plan de la zone de contenu. Pour des arrière-plans transparents, saisissez simplement « transparent » comme code hexadécimal.
* **Police par défaut** - Sélectionnez la police que vous souhaitez utiliser pour vos composants de texte. La liste déroulante vous montre un aperçu de l’apparence de chaque option de police.
* **Couleur des liens** - Sélectionnez le bloc de couleur pour choisir une teinte à partir du dégradé de couleurs qui apparaîtra, ou saisissez le code hexadécimal pour une couleur précise des liens. Pour des arrière-plans transparents, saisissez simplement « transparent » comme code hexadécimal.
* **HTML de l’en-tête personnalisé** - Sélectionnez cette option pour saisir tout code HTML personnalisé que vous souhaitez incorporer dans le modèle d’e-mail.
**\[Code de récompense en espèces Advocate]** | Insérez un composant de code de récompense en espèces Advocate sur le canevas pour afficher les codes de récompense en espèces disponibles. |
| 
**\[Code de récompense Advocate]** | Insérez un composant de code de récompense Advocate sur le canevas pour créer des codes de récompense fueltank. |
| 
**\[Code de récompense Friend]** | Insérez un composant de code de récompense Friend sur le canevas pour créer des codes de récompense fueltank à partager avec des amis. |
|  **\[Titre]** | Insérez un composant de texte de titre sur le canevas. |
|  **\[Paragraphe]** | Insérez un composant de texte de paragraphe sur le canevas. |
|  **\[Liste]** | Insérez un composant de liste à puces sur le canevas. |
|  **\[Image]** | Insérez un composant image sur le canevas. |
|  **\[Bouton]** | Insérez un composant de bouton interactif sur le canevas. |
|  **\[Séparateur]** | Insérez un composant de séparateur sur le canevas. |
|  **\[Espaceur]** | Insérez un composant d’espacement sur le canevas. |
|  **\[Social** | Insérez un composant social pour ajouter des boutons de médias sociaux permettant de renvoyer vers vos différentes plateformes sociales. |
|  **\[Contenu dynamique]** | Insérez des composants de contenu dynamique pour inclure les informations que vous souhaitez voir renseignées dynamiquement au moment de l’envoi des e-mails, afin que l’e-mail ait une touche personnalisée. |
|  **\[HTML]** | Insérez des composants codés en HTML sur le canevas. Vous pouvez saisir le code à droite et il sera mis en forme dans le canevas. |
|  **\[Icônes]** | Insérez un composant d’icône sur le canevas. |