> 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/microsite-experiences/microsite-editor-explained.md).

# Spiegazione dell'editor del microsito

L'editor del microsito ti consente di controllare ciò che vedranno i partecipanti del tuo programma Advocate, permettendoti di personalizzare layout, pagine, contenuti ed elementi di branding come font e colori.

Questo articolo di assistenza spiega l'interfaccia dell'editor e fornisce informazioni generali su come sono strutturati i micrositi, inclusi layout, pagine e componenti. Scopri di più su [la configurazione di un microsito](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite.md) e [la personalizzazione del branding e dei contenuti](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md) dei suoi layout e delle sue pagine.

#### Apri l'editor del microsito

1. Dal menu di navigazione a sinistra, seleziona ![](/files/56eb48c7f3195590132b62ea75c0575abe0113e5) **\[Engage] → Contenuti**.
2. Nella scheda *Microsito* seleziona **Modifica contenuti**.

#### Interfaccia dell'editor

L'editor del microsito è composto da una barra del menu superiore, dall'area di modifica, dal pannello laterale del microsito e dal menu dei componenti.

<div data-with-frame="true"><figure><img src="/files/69bb2cce95457f408f8cedc967277748e0556343" 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 in anteprima il microsito finito. Usa le icone desktop, tablet o mobile per vedere come apparirà il tuo microsito su dispositivi con schermi di dimensioni diverse.
{% endtab %}

{% tab title="Area di lavoro" %}
L'area di lavoro mostra il contenuto corrente del tuo microsito. Puoi selezionare singoli componenti per modificarli, oppure aggiungerne di nuovi e vedere a colpo d'occhio come appariranno ai tuoi partecipanti. Questi componenti sono elencati a sinistra, nella sezione del pannello laterale del microsito.

* Seleziona **Livelli** per vedere una vista dettagliata di tutti i componenti nella tua pagina o nel tuo layout
* Seleziona **Modelli** per visualizzare i modelli disponibili per le pagine del tuo microsito.
* Vedrai un terzo menu contestuale basato sulla pagina, sul layout, sul widget o sull'email selezionati

  <div data-with-frame="true"><figure><img src="/files/d382e6a5e4e3a0db0bf9a08dcba658c1f40b0fef" alt="" width="122"><figcaption></figcaption></figure></div>

{% endtab %}

{% tab title="Pannello laterale del microsito" %}
Il pannello laterale del microsito è un pannello comprimibile a sinistra dell'area di lavoro. Visualizza come albero la struttura di ereditarietà dei tuoi layout e delle tue pagine. Seleziona singoli layout o pagine per visualizzare il contenuto ed eseguire modifiche. È anche il punto in cui puoi aggiungere altre pagine e altri layout.

Per uno styling ancora più avanzato a livello di branding, seleziona l'opzione Stile microsito. 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 maggiori informazioni sulle opzioni di stile disponibili.
{% endtab %}

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

#### Struttura del microsito

Ci sono alcuni elementi fondamentali importanti da comprendere quando personalizzi il tuo microsito: layout, pagine e componenti.

<details>

<summary>Layout</summary>

I layout fungono da “cornici” per il tuo microsito. Sono il punto in cui puoi inserire componenti che desideri compaiano in modo uniforme in tutto il microsito, come intestazioni e immagini banner.

Layout e pagine sono collegati tramite una struttura di ereditarietà. Sia le pagine sia i layout possono ereditare un layout. Le pagine e i layout che hanno un layout ereditato avranno il loro contenuto racchiuso dal contenuto del layout ereditato.

{% hint style="info" %}
**Esempio:** Se il tuo layout di base contiene un'immagine di intestazione, qualsiasi pagina che eredita il layout di base mostrerà la stessa immagine di intestazione nella stessa posizione.
{% endhint %}

Se hai usato la configurazione automatica per creare il tuo microsito, il sito dispone per impostazione predefinita di tre layout.

**Layout di base**

Il layout di base è il punto in cui puoi inserire contenuti che desideri visualizzare indipendentemente dalla pagina in cui si trova un partecipante e dal fatto che sia autenticato sul tuo sito. È il luogo in cui puoi aggiungere un'intestazione o un piè di pagina che desideri compaia in tutto il sito. Il layout di base contiene anche il contenitore del brand, che gestisce colori e font in tutto il sito.

Sia il *Layout per utenti connessi* sia il *Layout per utenti disconnessi* ereditano il *Layout di base*.

<div data-with-frame="true"><figure><img src="/files/1f67561b6a7044720f2a8dd3abf2bf16048aaf73" alt="" width="312"><figcaption></figcaption></figure></div>

**Layout per utenti connessi**

Il *Layout per utenti connessi* è il punto in cui puoi aggiungere componenti che tutti i partecipanti connessi vedranno, indipendentemente dalla pagina in cui si trovano. Ad esempio, il menu di navigazione della barra laterale del tuo microsito viene creato tramite un componente nel layout. Poiché è aggiunto al layout, ogni pagina che eredita quel layout includerà anche quella barra laterale.

<div data-with-frame="true"><figure><img src="/files/a4ef08a8d771a2943ce4389079669948c6b65cbb" alt="" width="310"><figcaption></figcaption></figure></div>

**Layout per utenti disconnessi**

Il *Layout per utenti disconnessi* è il punto in cui puoi personalizzare ciò che vedrà qualsiasi partecipante che al momento non è autenticato.

<div data-with-frame="true"><figure><img src="/files/03df0b9c3376b9a6dc5156c2a181342c45d8c228" alt="" width="291"><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Pagine</summary>

Le pagine sono il luogo in cui crei i contenuti del tuo sito, come le spiegazioni del programma, le informazioni su referral e condivisione, e testi/immagini. Seleziona una pagina specifica all'interno di uno dei tuoi layout per aprirne e modificarne il contenuto.

<div data-with-frame="true"><figure><img src="/files/e7a75f21c0d9ce9f7a05ef0d2f4f6965fd1ae314" alt="" width="318"><figcaption></figcaption></figure></div>

La visibilità può essere impostata anche a livello di pagina, consentendoti di limitare l'accesso alla pagina a una delle seguenti opzioni:

* <mark style="color:$success;">**Verificato**</mark>: Solo partecipanti connessi.
* <mark style="color:$danger;">**Non verificato**</mark>: Partecipanti connessi che non hanno verificato il proprio indirizzo email.
* **Pubblico**: Visibile a chiunque.

Se hai usato la configurazione automatica per creare il tuo microsito, il tuo sito è dotato di diverse pagine che ereditano il *Layout per utenti connessi* sia il *Layout per utenti connessi*.

**Pagine del layout per utenti connessi:**

* Attività
* Dashboard
* Modifica profilo
* Invio lead
* Tasse e contanti

**Pagine del layout per utenti disconnessi:**

* Verifica email
* Password dimenticata
* Accedi
* Disconnetti
* Pagina non trovata
* Registrati
* Reimposta password
* Verifica email

</details>

<details>

<summary>Componenti</summary>

I componenti sono elementi individuali che puoi aggiungere alle tue pagine e ai tuoi layout per personalizzare ulteriormente l'esperienza del microsito per i partecipanti, come immagini hero o un feed di referral.

I componenti sono raggruppati nel menu dei componenti. Consulta [Spiegazione dei componenti di widget e microsito](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences.md) per l'elenco completo dei raggruppamenti dei componenti e dei componenti individuali.

<div data-with-frame="true"><figure><img src="/files/572b9ce00515b35a133993daa6ebe48f3cb7779c" alt="" width="229"><figcaption></figcaption></figure></div>

</details>


---

# 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/microsite-experiences/microsite-editor-explained.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.