# Panoramica dell'editor dei widget

Il tuo programma Advocate offre un editor drag-and-drop che ti consente di personalizzare l'aspetto e i contenuti dei widget presentati ai tuoi customer advocate.

#### Interfaccia dell'editor dei widget

L'editor di widget self-service ha quattro aree principali:

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

{% tabs %}
{% tab title="Barra del menu superiore" %}
La barra del menu nella parte superiore della pagina è il punto in cui puoi annullare le azioni, visualizzare il codice HTML e vedere l'anteprima del widget finito. Usa le icone desktop, tablet o mobile per vedere come apparirà il tuo widget su dispositivi con schermi di dimensioni diverse.
{% endtab %}

{% tab title="Area di lavoro" %}
L'area di lavoro mostra tutti i componenti che compongono il tuo widget. Puoi selezionare i singoli componenti per modificarli oppure aggiungerne di nuovi e vedere a colpo d'occhio come appariranno per i tuoi partecipanti.
{% endtab %}

{% tab title="Pannello laterale sinistro" %}
Il menu delle impostazioni del pannello laterale sinistro è un pannello comprimibile alla sinistra dell'area di lavoro. Qui puoi selezionare **Livelli** per vedere una vista dettagliata di tutti i componenti del tuo widget, oppure selezionare **Modelli** per usare uno dei nostri widget predefiniti. Il **Impostazioni** pulsante ti porta al sottomenu di installazione del pacchetto.

Per uno stile ancora più personalizzato a livello di branding, seleziona l'opzione Stile del widget. Visualizza [Personalizza widget e micrositi con l'editor dei contenuti](/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/customize-widgets-and-microsites-with-the-content-editor.md) per ulteriori informazioni sulle opzioni di stile a tua disposizione.
{% endtab %}

{% tab title="Componente" %}
Il menu dei componenti è un pannello alla destra dell'area di lavoro. Usa la scheda **Aggiungi** per inserire nuovi componenti nell'area di lavoro e usa la scheda **Modifica** per apportare modifiche a ciò che è già presente.
{% endtab %}
{% endtabs %}

#### Risoluzione dei problemi

Il widget ha due livelli di convalida per controllare eventuali errori nel posizionamento dei componenti e nelle proprietà dei componenti. I motivi comuni per ricevere un messaggio di errore includono:

* Manca un campo obbligatorio
* Scelta di un colore non valido
* Inserimento di un URL non valido

Quando hai errori irrisolti, nella parte in alto a destra dell'area di lavoro viene visualizzato un messaggio di avviso che ti informa di quanti errori sono stati trovati.

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

Scopri di più su [Personalizzazione dei widget del programma](/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md).

**Visualizza i dettagli degli errori irrisolti**

1. Seleziona **Dettagli** nel messaggio di avviso per una breve spiegazione di ciò che non ha funzionato.
2. Vai al componente con l'errore in uno dei seguenti modi:
   * Selezionando **Apri livelli**
   * Selezionando il messaggio di spiegazione dell'errore
3. Trova il componente con l'errore. Sarà contrassegnato con un'icona a punto esclamativo rosso.
4. Seleziona il componente per aprire le proprietà nella barra **Modifica** .
5. Apporta le modifiche richieste.


---

# 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/it/che-cosa-vorresti-imparare/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.