> 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/microsite-experiences/microsite-editor-explained.md).

# Explication de l'éditeur de microsite

L’éditeur de microsite vous permet de contrôler ce que les participants à votre programme Advocate verront en vous laissant personnaliser les mises en page, les pages, le contenu et les éléments de marque comme les polices et les couleurs.

Cet article d’aide explique l’interface de l’éditeur et fournit des informations générales sur la structure des microsites, notamment les mises en page, les pages et les composants. En savoir plus sur [la configuration d’un microsite](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite.md) et [la personnalisation de l’image de marque et du contenu](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md) de ses mises en page et de ses pages.

#### Ouvrir l’éditeur de microsite

1. Dans le menu de navigation de gauche, sélectionnez ![](/files/15f4c8f88cb75624c1f6a18cb768e8f494128ac4) **\[Engage] → Contenu**.
2. Sur la carte *Microsite* sélectionnez **Modifier le contenu**.

#### Interface de l’éditeur

L’éditeur de microsite se compose d’une barre de menu supérieure, de la zone de travail d’édition, du panneau latéral du microsite et du menu des composants.

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

{% tabs %}
{% tab title="Barre de menu supérieure" %}
La barre de menu en haut de la page est l’endroit où vous pouvez annuler des actions, afficher le code HTML et prévisualiser le microsite terminé. Utilisez les icônes ordinateur, tablette ou mobile pour voir comment votre microsite apparaîtra sur des appareils avec différentes tailles d’écran.
{% endtab %}

{% tab title="Zone de travail" %}
La zone de travail affiche le contenu actuel de votre microsite. Vous pouvez sélectionner des composants individuels pour les modifier, ou en ajouter de nouveaux et voir en un coup d’œil comment ils apparaîtront pour vos participants. Ces composants sont répertoriés à gauche dans la section du panneau latéral du microsite.

* Sélectionner **Calques** pour voir une vue détaillée de tous les composants de votre page ou de votre mise en page
* Sélectionner **Modèles** pour afficher les modèles disponibles pour les pages de votre microsite.
* Vous verrez un troisième menu contextuel en fonction de la page, de la mise en page, du widget ou de l’e-mail sélectionné

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

{% endtab %}

{% tab title="Panneau latéral du microsite" %}
Le panneau latéral du microsite est un volet repliable situé à gauche de la zone de travail. Il visualise la structure d’héritage de vos mises en page et pages sous forme d’arborescence. Sélectionnez des mises en page ou des pages individuelles pour afficher le contenu et effectuer des ajustements. C’est également là que vous pouvez ajouter d’autres pages et mises en page.

Pour un style encore plus poussé au niveau de la marque, sélectionnez l’option Style du microsite. Voir [Personnaliser les widgets et les microsites avec l’éditeur de contenu](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/customize-widgets-and-microsites-with-the-content-editor.md) pour plus d’informations sur les options de style disponibles.
{% endtab %}

{% tab title="Menu des composants" %}
Le menu des composants est un panneau situé à droite de la zone de travail. Utilisez l’onglet *Ajouter* pour insérer de nouveaux composants dans la zone de travail et l’onglet *Modifier* pour apporter des ajustements à ce qui s’y trouve déjà.
{% endtab %}
{% endtabs %}

#### Structure du microsite

Quelques éléments de base sont importants à comprendre lorsque vous personnalisez votre microsite : les mises en page, les pages et les composants.

<details>

<summary>Mises en page</summary>

Les mises en page servent de « cadres » pour votre microsite. C’est là que vous pouvez placer des composants que vous souhaitez voir apparaître de manière générale sur le microsite, comme des en-têtes et des images de bannière.

Les mises en page et les pages sont liées par une structure d’héritage. Les pages comme les mises en page peuvent hériter d’une mise en page. Les pages et les mises en page qui ont une mise en page héritée verront leur contenu encapsulé par le contenu de la mise en page héritée.

{% hint style="info" %}
**Exemple :** Si votre mise en page de base contient une image d’en-tête, toutes les pages qui héritent de cette mise en page afficheront la même image d’en-tête au même emplacement.
{% endhint %}

Si vous avez utilisé la configuration automatique pour créer votre microsite, alors votre site comporte trois mises en page par défaut.

**Mise en page de base**

La mise en page de base est l’endroit où vous pouvez placer du contenu que vous souhaitez voir apparaître quelle que soit la page consultée par un participant et qu’il soit ou non authentifié sur votre site. C’est là que vous pouvez ajouter un en-tête ou un pied de page que vous souhaitez voir apparaître sur l’ensemble du site. La mise en page de base contient également le conteneur de marque, qui gère les couleurs et les polices sur tout le site.

La *Mise en page des utilisateurs connectés* et la *Mise en page des utilisateurs déconnectés* héritent de la *Mise en page de base*.

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

**Mise en page des utilisateurs connectés**

La *Mise en page des utilisateurs connectés* est l’endroit où vous pouvez ajouter des composants que tous vos participants connectés verront, quelle que soit la page sur laquelle ils se trouvent. Par exemple, le menu de navigation latéral de votre microsite est créé à l’aide d’un composant dans la mise en page. Comme il est ajouté à la mise en page, toute page qui hérite de cette mise en page inclura cette barre latérale.

<div data-with-frame="true"><figure><img src="/files/3991ba294edfec85b87318358bc4faf67c973eba" alt="" width="310"><figcaption></figcaption></figure></div>

**Mise en page des utilisateurs déconnectés**

La *Mise en page des utilisateurs déconnectés* est l’endroit où vous pouvez personnaliser ce que verra tout participant qui n’est pas actuellement authentifié.

<div data-with-frame="true"><figure><img src="/files/4cad557518355efad326bebbdf89fceed3429664" alt="" width="291"><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Pages</summary>

Les pages sont l’endroit où vous créez le contenu de votre site, comme les explications du programme, les informations sur le parrainage et le partage, ainsi que du texte et des images. Sélectionnez une page individuelle dans l’une de vos mises en page pour ouvrir et modifier son contenu.

<div data-with-frame="true"><figure><img src="/files/65e59caadbd088f5ea827a4277019dd3ace66f39" alt="" width="318"><figcaption></figcaption></figure></div>

La visibilité peut également être définie au niveau de la page, ce qui vous permet de restreindre l’accès à la page à l’une des options suivantes :

* <mark style="color:$success;">**Vérifié**</mark> : participants connectés uniquement.
* <mark style="color:$danger;">**Non vérifié**</mark> : participants connectés qui n’ont pas vérifié leur adresse e-mail.
* **Public** : visible par tout le monde.

Si vous avez utilisé la configuration automatique pour créer votre microsite, alors votre site est fourni avec plusieurs pages qui héritent des *Mise en page des utilisateurs connectés* et la *Mise en page des utilisateurs connectés*.

**pages de la mise en page des utilisateurs connectés :**

* Activité
* Tableau de bord
* Modifier le profil
* Soumission de prospect
* Taxes et espèces

**pages de la mise en page des utilisateurs déconnectés :**

* Vérification de l’e-mail
* Mot de passe oublié
* Connexion
* Déconnexion
* Page introuvable
* S’inscrire
* Réinitialiser le mot de passe
* Vérifier l’e-mail

</details>

<details>

<summary>Composants</summary>

Les composants sont des éléments individuels que vous pouvez ajouter à vos pages et mises en page afin de personnaliser davantage l’expérience de microsite de vos participants, comme des images vedettes ou un flux de parrainage.

Les composants sont regroupés dans le menu des composants. Consultez [Explication des composants des widgets et des microsites](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences.md) pour obtenir la liste complète des groupes de composants et des composants individuels.

<div data-with-frame="true"><figure><img src="/files/1277805761a987cd6214b71c4a8a8bed1474b124" alt="" width="229"><figcaption></figcaption></figure></div>

</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/microsite-experiences/microsite-editor-explained.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.