> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md).

# Créer et personnaliser les e-mails du programme Advocate

<a href="https://pxa.impact.com/student/activity/2356725-micro-create-and-customize-transactional-emails-on-impact-com-advocate?utm_source=help.impact.com&#x26;utm_medium=featured-link&#x26;utm_content=adv-250-1&#x26;utm_campaign=help-center" class="button primary">Suivre le cours PXA</a>

Votre programme est initialement configuré avec des versions par défaut des e-mails du programme afin de vous permettre de démarrer aussi rapidement que 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 vous assurer que les informations sont pertinentes pour votre programme et votre produit.

Consultez notre documentation sur [les balises de fusion](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails.md) pour savoir comment inclure des détails spécifiques aux participants dans vos e-mails.

#### Créer ou modifier un modèle d’e-mail

Vous aurez au moins un e-mail de programme créé lorsque vous configurerez les règles de votre programme. Nous vous recommandons de modifier les e-mails de programme existants et de n’en créer un nouveau que si nécessaire.

1. Dans le menu de navigation de gauche, sélectionnez ![](/files/15f4c8f88cb75624c1f6a18cb768e8f494128ac4) **\[Engage] → Contenu**.
2. Dans la *E-mails* carte, sélectionnez **Créer un 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 identifier l’e-mail lors de la configuration des règles de votre programme.

<div data-with-frame="true"><figure><img src="/files/dfe9a4fd3f445dc226b93db6a24e30b2ff1cb96e" alt="" width="375"><figcaption></figcaption></figure></div>

* Sélectionnez ![](/files/d0d6750da95e213b2e17af618bd950c3d2d3ec4c) **\[Plus]** pour supprimer un modèle.
* Sélectionnez ![](/files/b1161fd4c59fea20880cfbae47960525795ec245) **\[Icône de sortie]** pour réduire le menu latéral.

<div data-with-frame="true"><figure><img src="/files/8213737300568ad26024989f2182fd53d65e900f" alt="" width="295"><figcaption></figcaption></figure></div>

4. Avant d’utiliser l’éditeur, sélectionnez **Modifier** pour renseigner les *Coordonnées* requises en haut de votre écran.
   * Saisissez le **Nom de l’expéditeur** en ajoutant un nom statique qui s’affiche sur l’e-mail, par ex., Acme Advocates.
   * Saisissez une **Adresse de l’expéditeur** à partir de laquelle provient le domaine personnalisé de l’e-mail.
     * Si vous souhaitez ajuster l’adresse e-mail *De* , vous devrez ajuster vos paramètres pour vous assurer que notre système envoie des e-mails authentiques en votre nom. Pour utiliser un domaine que vous possédez pour l’ *Adresse de l’expéditeur*, vous devez [configurer un domaine](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate.md) 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.

#### Utilisation de l’éditeur

Vous devrez peut-être mettre à niveau votre éditeur d’e-mails vers la version plus récente 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**.

<div data-with-frame="true"><figure><img src="/files/90c3c15fb2f5a833eba642f7f547fa59d6bef2cd" alt=""><figcaption></figcaption></figure></div>

Toutes les images, le texte et les liens dans l’e-mail sont définis dans des composants individuels qui constituent la structure de l’e-mail. Ces composants sont les éléments constitutifs de l’e-mail.

<div data-with-frame="true"><figure><img src="/files/3b41c36c631c63f21ba6f7d6bfd266105106ed55" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="success" icon="memo-circle-check" %}
**Remarque :** Reportez-vous à la section [*Référence des composants d’e-mail*](#component-reference-0-2) ci-dessous pour mieux comprendre le fonctionnement des icônes de l’éditeur.
{% endhint %}

<details>

<summary>Options d’aperçu</summary>

* **Liste déroulante 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 entre un affichage du canevas pour ordinateur de bureau ou pour 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 d’espace réservé, tel que *Nom de l’entreprise*, vous verrez le nom réel de l’entreprise, par ex. Stark Industries.
* **Importer un modèle d’e-mail** - Cette option vous permet d’importer tous les modèles d’e-mail existants que vous avez créés.
* **Exporter un 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.

</details>

<details>

<summary>Ajouter un composant d’e-mail</summary>

**Limité :** L’ajout de composants supplémentaires à un e-mail Advocate n’est disponible que pour certaines éditions d’Advocate. [Contacter l’assistance](https://app.impact.com/support/portal.ihtml) pour mettre à niveau votre compte et accéder à cette fonctionnalité.

1. Sélectionnez ![content-advocate.svg](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-29f7728451e63f195300b790407cfb1c.svg) **\[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 dans votre e-mail.
3. Vous pouvez éventuellement ajuster le contenu ou l’apparence du composant :
   * **Sélectionnez** le composant que vous souhaitez modifier.
   * À droite, sous la section de contenu, les options de modification de ce composant apparaîtront.
4. **Enregistrer** vos modifications.
   * L’éditeur d’e-mails n’enregistre pas automatiquement les modifications. Assurez-vous de 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 dans l’e-mail, ce qui peut entraîner le déplacement du texte et des images existants. Il est généralement plus facile d’apporter des modifications aux composants existants en mettant à jour une image existante ou en ajoutant du texte à un contenu existant.
{% endhint %}

</details>

<details>

<summary>Supprimer un composant</summary>

1. Dans la *espace de travail*, sélectionnez le composant que vous souhaitez supprimer.
2. Sélectionnez ![](/files/f09fcf11e09fae1cea484bc941dff985df4bbab4) **\[Supprimer]** pour supprimer le composant de l’e-mail.
3. **Enregistrer** vos modifications.

</details>

<details>

<summary>Mettre à jour le contenu de l’e-mail</summary>

Le contenu de l’e-mail est divisé en composants de texte qui sont gérés dans différentes sections de l’e-mail.

1. Ajoutez un nouveau composant de texte depuis la ![](/files/dfc0b767b5f1fe624ba377d4ebcb1f985a47103c) **\[Contenu]** section ou sélectionnez un composant existant.
2. Ajustez le texte dans le composant en saisissant directement dans la zone.
3. Avec le composant de texte mis en surbrillance, vous pouvez apporter des modifications à la police, à la couleur, à l’épaisseur ou à l’espacement du texte à gauche sous 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 vous convient, **Enregistrer** vos modifications.

</details>

<details>

<summary>Ajouter une image personnalisée</summary>

**Limité :** L’ajout d’un composant d’image personnalisée supplémentaire à un e-mail Advocate n’est disponible que pour certaines éditions d’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 d’image ou mettez en surbrillance le composant d’image que vous souhaitez mettre à jour.
2. Une fois sélectionné, double-cliquez dessus pour faire apparaître la fenêtre *Sélectionner une image* . Sélectionnez **Ajouter des images** pour sélectionner l’image que vous souhaitez utiliser. Une fois que l’image s’est 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 vous convient, **Enregistrer** vos modifications.

</details>

<details>

<summary>Ajouter du contenu dynamique</summary>

Les balises de fusion vous permettent d’ajouter du contenu dynamique, comme le nom du participant ou le montant récompensé, au contenu 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 alors 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’avait pas de données dans le champ firstName, l’e-mail s’afficherait 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 dans la zone où vous souhaitez placer la balise de fusion, puis sélectionnez **Balises de fusion**.

<figure><img src="/files/a9fc50d72a56ea662bbb9afa653a65071183cf7b" alt=""><figcaption></figcaption></figure>

3. **Enregistrer** vos modifications.

{% hint style="danger" %}
**Important :** Un e-mail de test envoyé dans l’éditeur n’inclura aucune valeur là où les balises de fusion ont été placées.
{% endhint %}

</details>

#### Référence des composants d’e-mail <a href="#component-reference-0-2" id="component-reference-0-2"></a>

Cette section vous guidera à travers les différentes icônes de la barre d’outils accessibles dans l’éditeur d’e-mails.

<details>

<summary>Icônes de contenu</summary>

Cet onglet est l’endroit où vous pouvez insérer des composants et modifier l’apparence de chaque composant une fois sélectionné et inséré dans le canevas :

| Élément                                                                                                                                                                                                                               | Description                                                                                                                                                                                                      |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/files/f90f940c97e9762c6450868ee7f42eae024a8773" alt="" data-size="line"> **\[Code de récompense en espèces Advocate]**                                                                                                     | Insérez un composant de code de récompense en espèces Advocate dans le canevas pour afficher les codes de récompense en espèces disponibles.                                                                     |
| <img src="https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-39d957530748d07d955b2eb7c5bb7f8f.png" alt="advocate.png" data-size="line"> **\[Code de récompense Advocate]**      | Insérez un composant de code de récompense Advocate dans le canevas pour créer des codes de récompense fueltank.                                                                                                 |
| <img src="https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-e4f78e511bd3efb78537bf2ed920d0ad.png" alt="friend-reward-code.png" data-size="line"> **\[Code de récompense ami]** | Insérez un composant de code de récompense ami dans le canevas pour créer des codes de récompense fueltank à partager avec des amis.                                                                             |
| ![](/files/b97aee55bba92cce8103a7a11dfada66d034b33f) **\[Titre]**                                                                                                                                                                     | Insérez un composant de texte de titre dans le canevas.                                                                                                                                                          |
| ![](/files/ed281424d79312222e2b2dd4675a7dd073d1dfb2) **\[Paragraphe]**                                                                                                                                                                | Insérez un composant de texte de paragraphe dans le canevas.                                                                                                                                                     |
| ![](/files/ee67ad85b5f63966b8a44d7fb529979cfde0e512) **\[Liste]**                                                                                                                                                                     | Insérez un composant de liste à puces dans le canevas.                                                                                                                                                           |
| ![](/files/ac1841c1add659b9781eeb131ee4ad34ca1a7f5e) **\[Image]**                                                                                                                                                                     | Insérez un composant d’image dans le canevas.                                                                                                                                                                    |
| ![](/files/b14817ab001feac1eb61e4c0e4b381280f1ba94f) **\[Bouton]**                                                                                                                                                                    | Insérez un composant de bouton interactif dans le canevas.                                                                                                                                                       |
| ![](/files/f30d4677aae27f6bc96adc3effa59f85b021cfe1) **\[Séparateur]**                                                                                                                                                                | Insérez un composant de séparateur dans le canevas.                                                                                                                                                              |
| ![](/files/682061a0d83358ff8579e502b6295bf3f4b49020) **\[Espacement]**                                                                                                                                                                | Insérez un composant d’espacement dans le canevas.                                                                                                                                                               |
| ![](/files/98b510c762c31f8f27a8ddc2edeb0487cb568ca3) **\[Social**                                                                                                                                                                     | Insérez un composant social pour ajouter des boutons de réseaux sociaux afin de créer des liens vers vos différentes plateformes sociales.                                                                       |
| ![](/files/94a73bfd4c2572eabb2bb881c53099801e59b05f) **\[Contenu dynamique]**                                                                                                                                                         | Insérez des composants de contenu dynamique pour insérer des informations que vous souhaitez renseigner dynamiquement au moment de l’envoi des e-mails, afin que l’e-mail puisse avoir une touche personnalisée. |
| ![](/files/5c57cd22da182ea5890e20c4f6add23b187677a2) **\[HTML]**                                                                                                                                                                      | Insérez des composants codés en HTML dans le canevas. Vous pouvez saisir du code à droite et il est mis en forme dans le canevas.                                                                                |
| ![](/files/798310c4bac4afc2d19ba61ba647f7079aa26239) **\[Icônes]**                                                                                                                                                                    | Insérez un composant d’icône dans le canevas.                                                                                                                                                                    |

</details>

<details>

<summary>Lignes</summary>

Vous pouvez trouver ici davantage de sections d’e-mail prédéfinies qui peuvent être ajoutées à vos e-mails en les faisant simplement glisser et déposer à l’endroit voulu.

* **Par défaut** - blocs de contenu prédéfinis.
* **Vide** - insérez un 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.

</details>

<details>

<summary>Paramètres</summary>

Cet onglet est l’endroit où vous pouvez modifier et changer les paramètres de conception. Ces paramètres s’appliquent à 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 au centre du canevas.
* **Couleur d’arrière-plan** - Sélectionnez le bloc de couleur pour choisir une nuance dans le 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 les 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 nuance dans le 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 les arrière-plans transparents, saisissez simplement « transparent » comme code hexadécimal.
* **Police par défaut** - Sélectionnez la police que vous souhaitez pour vos composants de texte. La liste déroulante vous montre un aperçu de l’apparence de chaque option de police.
* **Couleur du lien** - Sélectionnez le bloc de couleur pour choisir une nuance dans le dégradé de couleurs qui apparaîtra, ou saisissez le code hexadécimal pour une couleur précise des liens. Pour les arrière-plans transparents, saisissez simplement « transparent » comme code hexadécimal.
* **HTML personnalisé de l’en-tête** - Sélectionnez cette option pour saisir tout code HTML personnalisé que vous souhaitez incorporer dans le modèle d’e-mail.

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
