> 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).

# Éditeur de microsite expliqué

L’éditeur de microsite vous permet de contrôler ce que verront les participants à votre programme Advocate 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’identité visuelle 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.

## Ouvrez l’éditeur de microsite

1. Dans le menu de navigation de gauche, sélectionnez ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[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, du panneau coulissant du microsite et du menu des composants.

<div data-with-frame="true"><figure><img src="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F6kHBNQwam7HkEsoPhH3u%2FCanvas%20(1).png?alt=media&#x26;token=96041e31-6e5e-449a-b018-f94859825093" 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 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. Faites glisser un composant vers une nouvelle position sur la zone de travail pour le réorganiser. Ces composants sont répertoriés à gauche dans la section coulissante du microsite.

* Sélectionnez **Calques** pour voir une vue détaillée de tous les composants de votre page ou de votre mise en page
* Sélectionnez **Modèles** pour consulter 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="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-3de3488148e89adc893ddbf2940d67dedea36a75%2F6564954dd5c2ac36c28fe92e6602750c13ebe01d18f84f6781593d1ec66448f5.jpg?alt=media" alt="" width="122"><figcaption></figcaption></figure></div>

{% endtab %}

{% tab title="Panneau coulissant du microsite" %}
Le panneau coulissant du microsite est un panneau rétractable situé à gauche de la zone de travail. 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 aussi ici que vous pouvez ajouter d’autres pages et mises en page.

Pour aller encore plus loin dans la personnalisation au niveau de la marque, 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 de la zone de travail. Utilisez  *l’onglet Ajouter* l’onglet 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

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 uniforme sur tout le microsite, comme les en-têtes et les 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 enveloppé 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, toute page qui hérite de la mise en page de base affichera 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 ici 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, *Mise en page connectée* et la *Mise en page déconnectée* héritent de la *Mise en page de base*.

<div data-with-frame="true"><figure><img src="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F3NHdmPGgjMudnsCGd1Yy%2Fimage.png?alt=media&#x26;token=54feac69-8c46-48be-9f14-32209f3c2539" alt="" width="312"><figcaption></figcaption></figure></div>

**Mise en page connectée**

La *Mise en page connectée* 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="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FRFRn1J9JxD4iYpmKIAv0%2Flogged-in-layout.jpg?alt=media&#x26;token=4815b054-264d-46e5-bcc8-88ed3ea5a624" alt="" width="310"><figcaption></figcaption></figure></div>

**Mise en page déconnectée**

La *Mise en page déconnectée* 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="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fzmg9mkIeow7cpu0katqi%2Flogged-out-layout.jpg?alt=media&#x26;token=9bbd561b-237e-43f1-833b-d1076bf9e857" 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="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0a6c026b6fbf6429ea9a8ff3ee2db4f6acfc84fd%2F87f7c50502733db94119262cc22612ef67923c5fc190d8c29938be0f4fd5a34f.jpg?alt=media" 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 à 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 *Mise en page connectée* et la *Mise en page connectée*.

**pages de la mise en page connectée :**

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

**pages de la mise en page déconnectée :**

* Vérification de l’e-mail
* Mot de passe oublié
* Connexion
* Déconnexion
* Page introuvable
* Inscription
* 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 pour personnaliser davantage l’expérience du microsite de vos participants, comme des images héro 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/widget-and-microsite-components-explained.md) pour obtenir la liste complète des regroupements de composants et des composants individuels.

<div data-with-frame="true"><figure><img src="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-75004e7777739ce86600fd0a716eedbd7aa6c52d%2Ff413cd8a60e0c449e8d8a0e0ea0821173134ae92203976190fe299ac2ac079c6.jpg?alt=media" 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
