# Explication de l’éditeur de microsite

L’éditeur de microsite vous donne le contrôle sur ce que les participants de 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 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.

#### Ouvrir l’éditeur de microsite

1. Dans le menu de navigation de gauche, sélectionnez ![](/files/15f4c8f88cb75624c1f6a18cb768e8f494128ac4) **\[Engage] → Contenu**.
2. Dans la *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/ab4fc8320c133f2bb57080f47680cd287017e16c" 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="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 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 de votre 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 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 également là que vous pouvez ajouter d’autres pages et mises en page.

Pour aller encore plus loin dans la personnalisation 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 à votre disposition.
{% 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 ajuster ce qui s’y trouve déjà.
{% endtab %}
{% endtabs %}

#### Structure du microsite

Il existe quelques blocs de construction 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 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 globale 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 hérité d’une mise en page 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, 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 le contenu que vous souhaitez voir apparaître, quelle que soit la page consultée par 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 *mise en page Connecté* et *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 connecté**

Le *mise en page Connecté* 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 déconnectée**

Le *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="/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 fourni avec plusieurs pages qui héritent de la *mise en page Connecté* et *mise en page Connecté*.

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

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

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

* Vérification de l’e-mail
* Mot de passe oublié
* Connexion
* Déconnexion
* Page non trouvée
* 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 microsite de vos participants, comme des images principales ou un flux de parrainage.

Les composants sont regroupés dans le menu des composants. Consultez [Explication des composants de widget et de microsite](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences.md) pour obtenir la liste complète des regroupements 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: 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.