> 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 donne le contrôle sur ce que les participants à votre programme Advocate verront en vous permettant de 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, y compris 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 la 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. Dans la *Microsite* carte, sélectionnez **Modifier le contenu**.

#### Interface de l’éditeur

L’éditeur de microsite se compose d’une barre de menu supérieure, du canevas 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 vous permet d’annuler des actions, d’afficher le code HTML et de prévisualiser le microsite terminé. Utilisez les icônes ordinateur, tablette ou mobile pour voir comment votre microsite apparaîtra sur des appareils de tailles d’écran différentes.
{% endtab %}

{% tab title="Canevas" %}
Le canevas 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 s’afficheront pour vos participants. Ces composants sont répertoriés à gauche dans la section du panneau latéral du microsite.

* Sélectionnez **Calques** pour voir une vue détaillée de tous les composants de votre page ou mise en page
* Sélectionnez **Modèles** pour afficher les modèles disponibles pour les pages de votre microsite.
* Vous verrez un troisième menu dépendant du contexte 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 panneau repliable situé à gauche du canevas. Il visualise la structure d’héritage de vos mises en page et de vos 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 ici que vous pouvez ajouter d’autres pages et mises en page.

Pour un style encore plus poussé au niveau de l’identité visuelle, sélectionnez l’option Style du microsite. Consultez [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 du canevas. Utilisez l’onglet *Ajouter* pour insérer de nouveaux composants dans le canevas et l’onglet *Modifier* pour apporter des ajustements à ce qui s’y trouve déjà.
{% endtab %}
{% endtabs %}

#### Structure du microsite

Il y a quelques éléments de base qu’il est important de 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 agissent comme des « cadres » pour votre microsite. C’est là que vous pouvez placer des composants que vous souhaitez voir apparaître de manière récurrente sur l’ensemble du 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 et les mises en page peuvent hériter d’une mise en page. Les pages et les mises en page qui héritent d’une mise en page auront leur contenu encadré 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 la mise en page de base 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, votre site comporte alors 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 sur laquelle se trouve un participant et qu’il soit authentifié ou non 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 l’ensemble du site.

Les deux *Disposition pour les utilisateurs connectés* et le *Mise en page déconnectée* 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 de connexion**

Le *Disposition pour les 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éé via 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 de déconnexion**

Le *Mise en page déconnectée* est l’endroit où vous pouvez personnaliser ce que verra tout participant qui n’est actuellement pas 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 construisez le contenu de votre site, comme les explications du programme, les informations de parrainage et de partage, ainsi que le texte et les 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, votre site est alors équipé de plusieurs pages qui héritent de la *Disposition pour les utilisateurs connectés* et le *Disposition pour les utilisateurs connectés*.

**Pages de la mise en page de connexion :**

* Activité
* Tableau de bord
* Modifier le profil
* Soumission de prospect
* Taxes et argent

**Pages de la mise en page de déconnexion :**

* 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 d’en-tête 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:

```
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>
```

The question should be specific, self-contained, and written in natural language.
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.