# Aperçu de l’éditeur de widget

Votre programme Advocate propose un éditeur de type glisser-déposer qui vous permet de personnaliser l’apparence et le contenu des widgets présentés à vos promoteurs clients.

#### Interface de l’éditeur de widgets

L’éditeur de widgets en libre-service comporte quatre zones principales :

<div data-with-frame="true"><figure><img src="/files/f5e12f0fc9368a9382e0ccca471a3da0f80c03aa" 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 widget finalisé. Utilisez les icônes ordinateur, tablette ou mobile pour voir comment votre widget apparaîtra sur des appareils de différentes tailles d’écran.
{% endtab %}

{% tab title="Zone de travail" %}
La zone de travail affiche tous les composants qui composent votre widget. 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.
{% endtab %}

{% tab title="Panneau coulissant gauche" %}
Le menu de paramètres du panneau coulissant gauche est un panneau repliable à gauche de la zone de travail. Ici, vous pouvez sélectionner **Calques** pour afficher une vue détaillée de tous les composants de votre widget, ou sélectionner **Modèles** pour utiliser l’un de nos widgets préconçus. Le **Paramètres** bouton vous conduit au sous-menu d’installation du package.

Pour un stylisme encore plus poussé au niveau de la marque, sélectionnez l’option Style du widget. Consultez [Personnalisez 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="Composant" %}
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 utilisez l’onglet **Modifier** pour effectuer des ajustements sur ce qui est déjà présent.
{% endtab %}
{% endtabs %}

#### Dépannage

Le widget dispose de deux niveaux de validation pour vérifier les erreurs de placement des composants et de propriétés des composants. Les raisons courantes de l’affichage d’un message d’erreur comprennent :

* Omission d’un champ obligatoire
* Choix d’une couleur invalide
* Saisie d’une URL invalide

Lorsque des erreurs restent à résoudre, un message d’avertissement s’affiche en haut à droite de la zone de travail pour vous indiquer combien d’erreurs ont été trouvées.

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

En savoir plus sur [Personnalisation des widgets du programme](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md).

**Afficher les détails des erreurs non résolues**

1. Sélectionnez **Détails** sur le message d’avertissement pour obtenir une brève explication de ce qui n’a pas fonctionné.
2. Accédez au composant présentant l’erreur en procédant de l’une des façons suivantes :
   * Sélectionner **Ouvrir les calques**
   * En sélectionnant le message d’explication de l’erreur
3. Trouvez le composant présentant l’erreur. Il sera marqué d’une icône en forme de point d’exclamation rouge.
4. Sélectionnez le composant pour ouvrir les propriétés dans la **Modifier** barre.
5. Apportez les modifications requises.


---

# 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/widget-experiences/widget-editor-overview.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.