> 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 del 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:

<div data-with-frame="true"><figure><img src="https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F5lBstm39QZFddtyAHWzK%2FCanvas%20(2).png?alt=media&amp;token=b8ae9b78-8cea-425e-8cd8-e35a0b97535a" alt="" width="563"><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="Barra del 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 widget sui dispositivi con schermi di dimensioni diverse.
{% endtab %}

{% tab title="Tela" %}
La tela mostra tutti i componenti che compongono il widget. Puoi selezionare singoli componenti per modificarli, oppure aggiungerne di nuovi e vedere rapidamente come appariranno per i tuoi partecipanti.
{% endtab %}

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

Per uno stile ancora più approfondito a livello di branding, seleziona l'opzione Stile widget. Consulta [Personalizza 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 della tela. Usa la **Aggiungi** scheda per inserire nuovi componenti nella tela e usa la **Modifica** scheda per apportare modifiche a ciò che è già presente.
{% endtab %}
{% endtabs %}

#### Risoluzione dei problemi

Il widget ha due livelli di convalida per controllare errori nel posizionamento dei componenti e nelle proprietà dei componenti. Tra i motivi comuni per ricevere un messaggio di errore ci sono:

* Campo obbligatorio mancante
* Scelta di un colore non valido
* Inserimento di un URL non valido

Quando sono presenti errori non risolti, un messaggio di avviso viene visualizzato in alto a destra della tela per notificarti quanti errori sono stati trovati.

<div data-with-frame="true"><figure><img src="https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-511216419b1ffaa7cf19cda9c94f06eedbbdaabc%2Fb0790ca38faffb4d36e8ed5d551995d0231df77a9958ffb98e857740cd207626.jpg?alt=media" alt="" width="333"><figcaption></figcaption></figure></div>

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 non risolti**

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 rossa a forma di punto esclamativo.
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=<question>&goal=<endgoal>
```

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