> For the complete documentation index, see [llms.txt](https://docs.aisuru.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aisuru.com/condivisione/sharing-layouts/create-and-customize-a-layout.md).

# Crea e personalizza un layout

La pagina **Gestione layout** ti consente di configurare l'aspetto di un layout di condivisione e le funzionalità disponibili per gli utenti.

Ogni layout viene configurato indipendentemente, quindi puoi creare diverse esperienze di condivisione per lo stesso Agente.

Lascia vuoti questi campi per la configurazione predefinita oppure compilali per avere stili del widget personalizzati.

### Opzioni

* **Nome: i**nserisci un nome per il layout. Usa un nome descrittivo che ti aiuti a identificare dove o come viene utilizzato il layout, soprattutto se l'Agente ha più layout;\
  Ad esempio: `Company website`, `Customer portal` oppure`Event kiosk.`
* **Layout: s**eleziona il tipo di layout che desideri utilizzare. Il layout determina la struttura generale con cui l'Agente viene presentato agli utenti;\
  Per una descrizione delle opzioni disponibili, consulta [Scegli il layout giusto](/condivisione/sharing-layouts/choose-the-right-layout.md).
* **Sfondo globale:** configura lo sfondo dell'esperienza di condivisione complessiva;

  Seleziona **Carica un'immagine** per caricare un'immagine di sfondo personalizzata.

  Il file caricato deve:

  * utilizzare il formato PNG, JPG o JPEG;
  * avere una dimensione massima di **2 MB**.

  Scegli un'immagine con dimensioni e risoluzione sufficienti per essere visualizzata a schermo intero.
* **Sfoca sfondo: a**bilita questa opzione per applicare un effetto sfocatura allo sfondo globale;
* **Abilita audio:** abilita o disabilita le funzionalità audio per l'Agente;
* **Mostra ragionamento: v**isualizza le informazioni sul ragionamento nell'interfaccia quando disponibili;
* **Mostra consumo dei messaggi:** visualizza nel widget le informazioni sul consumo dei messaggi;
* **Mostra indicatore per contenuti generati automaticamente dall'IA:** mostra un indicatore per i contenuti generati automaticamente tramite IA;
* **Mostra il pulsante "Perché questa risposta?":** visualizza il pulsante Perché questa risposta?, consentendo agli utenti di accedere a informazioni aggiuntive sulla risposta dell'Agente quando disponibili;
* **Applica la formattazione delle formule matematiche:** applica una formattazione dedicata alle espressioni matematiche contenute nei messaggi;
* **Mostra pulsante di condivisione sui social:** visualizza il pulsante di condivisione sui social nel widget.
* **Abilita pannello delle impostazioni:** rendi disponibile agli utenti il pannello delle impostazioni del widget.

### Impostazioni di caricamento

Utilizza la sezione **Impostazioni di caricamento** per controllare il caricamento di documenti tramite questo layout.

* **Numero massimo di caratteri per documento:** definisci il numero massimo di caratteri che può contenere un singolo documento caricato.
* **Mostra pulsante di caricamento documenti:** mostra il pulsante che consente agli utenti di caricare documenti durante la conversazione.

### Area di testo

Utilizza la sezione **Area di testo** per configurare l'area di immissione dei messaggi.

* **Numero massimo di caratteri nell'area di testo:** definisci il numero massimo di caratteri che gli utenti possono inserire nell'area di immissione dei messaggi.

  Quando configuri un limite, sopra l'area di testo viene visualizzato un contatore di caratteri.

  Se lasci vuoto questo campo, viene applicato il limite predefinito di **100.000 caratteri**.

### Sfondo interno

* **Sfondo interno:** configura lo sfondo visualizzato all'interno del widget.

  Utilizza **Seleziona sfondo** per scegliere lo sfondo che desideri utilizzare.

  **Sfondo globale** e **Sfondo interno** controllano aree diverse dell'esperienza: Sfondo globale si applica all'intera pagina, mentre Sfondo interno si applica al widget stesso.

### Multilingua

* **Multilingua:** abilita questa opzione per consentire agli utenti di parlare con l'Agente in altre lingue traducendo automaticamente i contenuti;

  **Multilingua** è disponibile solo quando il widget viene utilizzato con una **pagina pubblica**.

### Avatar

* **Avatar:** seleziona l'avatar da visualizzare in questo layout.

  L'avatar selezionato si applica a questa specifica esperienza di condivisione.

### Colori

Utilizza la sezione **Colori** per personalizzare i colori principali utilizzati dal widget.

* **Testo:** definisci il colore utilizzato per il testo;
* **Sfondo dei pulsanti:** definisci il colore di sfondo utilizzato per i pulsanti;
* **Testo dei pulsanti:** definisci il colore del testo utilizzato all'interno dei pulsanti.

Le impostazioni che controllano come vengono inizializzate o si comportano le conversazioni avviate dal layout sono documentate separatamente in [Impostazioni avanzate del layout](https://chatgpt.com/c/advanced-layout-settings).