> 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/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-editor-overview.md).
# 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 self-service dei widget ha quattro aree principali:
{% tabs %}
{% tab title="Barra dei menu superiore" %}
La barra dei menu nella parte superiore della pagina è il punto in cui puoi annullare le azioni, visualizzare il codice HTML e visualizzare l'anteprima del widget finito. Usa le icone desktop, tablet o mobile per vedere come apparirà il tuo widget su dispositivi con dimensioni dello schermo 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 subito come appariranno ai tuoi partecipanti.
{% endtab %}
{% tab title="Pannello laterale sinistro" %}
Il menu delle impostazioni del pannello laterale sinistro è un pannello comprimibile a 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 una personalizzazione ancora più approfondita a livello di branding, seleziona l'opzione Stile widget. Consulta [Personalizzare widget e micrositi con l'editor dei contenuti](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/customize-widgets-and-microsites-with-the-content-editor.md) per ulteriori informazioni sulle opzioni di stile disponibili.
{% endtab %}
{% tab title="Componente" %}
Il menu dei componenti è un pannello a destra dell'area di lavoro. Usa la **Aggiungi** scheda per inserire nuovi componenti nell'area di lavoro e usa la **Modifica** scheda per apportare modifiche a ciò che è già presente.
{% endtab %}
{% endtabs %}
#### Risoluzione dei problemi
Il widget ha due livelli di validazione per verificare errori nel posizionamento dei componenti e nelle proprietà dei componenti. Le cause comuni di un messaggio di errore includono:
* Mancanza di un campo obbligatorio
* Scelta di un colore non valido
* Inserimento di un URL non valido
Quando sono presenti errori irrisolti, in alto a destra dell'area di lavoro viene visualizzato un messaggio di avviso che ti segnala quanti errori sono stati trovati.
Scopri di più su [Personalizzazione dei widget del programma](/brand/it/what-would-you-like-to-learn-about/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 è andato storto.
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 di punto esclamativo rosso.
4. Seleziona il componente per aprire le proprietà nella **Modifica** barra.
5. Apporta le modifiche richieste.
---
# 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, and the optional `goal` query parameter:
```
GET https://help.impact.com/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-editor-overview.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.