> 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">Suivez le cours PXA</a>

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 contiennent 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](/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 dans vos e-mails des détails spécifiques aux participants.

#### 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 le *E-mails* carte, sélectionnez **Créer un nouveau** ou **Modifier les e-mails** pour modifier des 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 court et descriptif pour le modèle d’e-mail (par exemple, Acme Advocates) afin d’identifier l’e-mail. Utilisez cet identifiant pour repérer 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 remplir les *Informations de contact* obligatoires 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.
   * Entrez un **adresse de l’expéditeur** à partir de laquelle le domaine personnalisé de l’e-mail est envoyé.
     * Si vous souhaitez ajuster l’adresse e-mail *De* , vous devrez ajuster vos paramètres afin de 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 *Paramètres* page.
   * Entrez un **CCI** pour envoyer une copie de l’e-mail.
   * Entrez un **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 la plus récente avant de pouvoir rédiger votre e-mail facilement. Pour ce faire, repérez 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, tous les textes et tous les liens de l’e-mail sont organisés en composants individuels qui constituent la structure de l’e-mail. Ces composants sont les éléments de base 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 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 %}

<details>

<summary>Options de prévisualisation</summary>

* **menu déroulant Actions** - Cette option vous permet de choisir entre la prévisualisation de l’e-mail dans son ensemble ou l’envoi d’un e-mail de test. Vous pouvez également basculer entre la vue de la toile pour les utilisateurs sur ordinateur ou sur mobile.
* **Afficher la structure** - Cette option applique une grille à la toile 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, tel que *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-mail 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.

</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 Advocate. [Contactez 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. Facultativement, ajustez le contenu ou l’apparence du composant :
   * **Sélectionnez** le composant que vous souhaitez modifier.
   * À droite, sous la section du contenu, les options de modification pour ce composant apparaîtront.
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 fait 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 interagissent avec les composants existants de l’e-mail, ce qui peut déplacer le texte et les images déjà présents. Il est généralement plus simple d’apporter des modifications aux composants existants en mettant à jour une image existante ou en ajoutant du texte au contenu existant.
{% endhint %}

</details>

<details>

<summary>Supprimer un composant</summary>

1. Dans le *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 texte de l’e-mail</summary>

Le texte 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 ![](/files/dfc0b767b5f1fe624ba377d4ebcb1f985a47103c) **\[Contenu]** section ou sélectionnez un composant existant.
2. Ajustez le texte dans le composant en le saisissant 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, sous le *contenu* section.
4. Une fois vos modifications 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 correct, **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 Advocate. [Contactez 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 ouvrir la fenêtre *Sélectionner une image* . Sélectionnez **Ajouter des images** pour sélectionner 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 modifications 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 correct, **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 attribué, 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’y a 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’avait aucune donnée dans le champ firstName, l’e-mail s’affichera comme *"Bonjour . Comment allez-vous ?"*.
{% endhint %}

1. Dans la zone de travail, ajoutez ou sélectionnez le composant de texte auquel vous souhaitez ajouter une balise de fusion.
2. Dans la barre d’outils associée au composant, placez le curseur à l’endroit où vous souhaitez insérer 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é depuis l’éditeur n’inclura aucune valeur à l’emplacement 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 placé sur la toile :

| É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 sur la toile 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 sur la toile 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 d’ami]** | Insérez un composant de code de récompense d’ami sur la toile pour créer des codes de récompense Fueltank à partager avec des amis.                                                                  |
| ![](/files/b97aee55bba92cce8103a7a11dfada66d034b33f) **\[Titre]**                                                                                                                                                                       | Insérez un composant de texte de titre sur la toile.                                                                                                                                                 |
| ![](/files/ed281424d79312222e2b2dd4675a7dd073d1dfb2) **\[Paragraphe]**                                                                                                                                                                  | Insérez un composant de texte de paragraphe sur la toile.                                                                                                                                            |
| ![](/files/ee67ad85b5f63966b8a44d7fb529979cfde0e512) **\[Liste]**                                                                                                                                                                       | Insérez un composant de liste à puces sur la toile.                                                                                                                                                  |
| ![](/files/ac1841c1add659b9781eeb131ee4ad34ca1a7f5e) **\[Image]**                                                                                                                                                                       | Insérez un composant d’image sur la toile.                                                                                                                                                           |
| ![](/files/b14817ab001feac1eb61e4c0e4b381280f1ba94f) **\[Bouton]**                                                                                                                                                                      | Insérez un composant de bouton interactif sur la toile.                                                                                                                                              |
| ![](/files/f30d4677aae27f6bc96adc3effa59f85b021cfe1) **\[Séparateur]**                                                                                                                                                                  | Insérez un composant de séparateur sur la toile.                                                                                                                                                     |
| ![](/files/682061a0d83358ff8579e502b6295bf3f4b49020) **\[Espace]**                                                                                                                                                                      | Insérez un composant d’espace sur la toile.                                                                                                                                                          |
| ![](/files/98b510c762c31f8f27a8ddc2edeb0487cb568ca3) **\[Réseaux sociaux**                                                                                                                                                              | Insérez un composant social pour ajouter des boutons de réseaux sociaux renvoyant vers vos différentes plateformes sociales.                                                                         |
| ![](/files/94a73bfd4c2572eabb2bb881c53099801e59b05f) **\[Contenu dynamique]**                                                                                                                                                           | Insérez des composants de contenu dynamique pour inclure des informations que vous souhaitez remplir dynamiquement au moment de l’envoi des e-mails, afin que l’e-mail ait une touche personnalisée. |
| ![](/files/5c57cd22da182ea5890e20c4f6add23b187677a2) **\[HTML]**                                                                                                                                                                        | Insérez des composants codés en HTML sur la toile. Vous pouvez saisir le code à droite et il sera mis en forme dans la toile.                                                                        |
| ![](/files/798310c4bac4afc2d19ba61ba647f7079aa26239) **\[Icônes]**                                                                                                                                                                      | Insérez un composant d’icône sur la toile.                                                                                                                                                           |

</details>

<details>

<summary>Lignes</summary>

Vous trouverez ici d’autres sections d’e-mail préconstruites 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éconstruits.
* **Vide** - espace réservé pour le contenu que vous pourriez ajouter ultérieurement.
* **Personnalisé** - créez votre propre contenu à insérer, particulièrement utile pour la réutilisation de contenu.

</details>

<details>

<summary>Paramètres</summary>

Cet onglet est l’endroit où vous pouvez modifier 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 de la toile 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 de la toile.
* **Couleur d’arrière-plan** - Sélectionnez le bloc de couleur pour choisir une teinte 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 teinte 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 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 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é dans l’en-tête** - Sélectionnez cette option pour saisir tout code HTML personnalisé que vous souhaitez intégrer au 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.
