# Panoramica dell'editor dei widget

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

#### Interfaccia dell'editor dei widget

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

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

{% tabs %}
{% tab title="Barra del menu superiore" %}
La barra del menu nella parte superiore della pagina è il luogo in cui puoi annullare le azioni, visualizzare il codice HTML e vedere un’anteprima del widget finito. Usa le icone desktop, tablet o mobile per vedere come il tuo widget apparirà sui 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 singoli componenti per modificarli, oppure aggiungerne di nuovi e vedere a colpo d’occhio come appariranno ai tuoi partecipanti.
{% endtab %}

{% tab title="Pannello laterale sinistro" %}
Il menu delle impostazioni del pannello laterale sinistro è un pannello espandibile 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 utilizzare uno dei nostri widget predefiniti. Il **Impostazioni** pulsante ti porta al sottomenu di installazione del pacchetto.

Per uno styling ancora più avanzato a livello di branding, seleziona l’opzione Stile del widget. Consulta [Personalizzare widget e micrositi con l’editor di 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 disponibili.
{% 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. Tra i motivi comuni per ricevere un messaggio di errore ci sono:

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

Quando ci sono errori non risolti, un messaggio di avviso viene visualizzato in alto a destra dell’area di lavoro e ti segnala quanti errori sono stati trovati.

<div data-with-frame="true"><figure><img src="/files/3c5d3cd01dcd452b4af841a7d3afdee87fc552f8" alt="" width="333"><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 non risolti**

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 forma di punto esclamativo rosso.
4. Seleziona il componente per aprire le proprietà nella **Modifica** barra.
5. Apporta le modifiche necessarie.


---

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