> 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 supporto 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 relativi layout e pagine.

#### Apri l'editor del microsito

1. Dal menu di navigazione a sinistra, seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Contenuto**.
2. Nella *Microsito* scheda, seleziona **Modifica contenuto**.

#### Interfaccia dell'editor

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

<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%2F6kHBNQwam7HkEsoPhH3u%2FCanvas%20(1).png?alt=media&amp;token=96041e31-6e5e-449a-b018-f94859825093" alt=""><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="Barra del menu superiore" %}
La barra del menu nella parte superiore della pagina è il punto da cui puoi annullare le azioni, visualizzare il codice HTML e fare l'anteprima del microsito finito. Usa le icone desktop, tablet o mobile per vedere come apparirà il tuo microsito su dispositivi con dimensioni dello schermo diverse.
{% endtab %}

{% tab title="Area di lavoro" %}
L'area di lavoro mostra il contenuto attuale del tuo microsito. Puoi selezionare singoli componenti per modificarli, oppure aggiungerne di nuovi e vedere a colpo d'occhio come appariranno ai 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 presenti nella tua pagina o nel tuo layout
* Seleziona **Modelli** per visualizzare i modelli disponibili per le pagine del tuo microsito.
* Vedrai un terzo menu dipendente dal contesto in base alla pagina, al layout, al widget o all'email selezionati

  <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-3de3488148e89adc893ddbf2940d67dedea36a75%2F6564954dd5c2ac36c28fe92e6602750c13ebe01d18f84f6781593d1ec66448f5.jpg?alt=media" 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 struttura ad albero la struttura di ereditarietà dei tuoi layout e delle tue pagine. Seleziona singoli layout o pagine per visualizzare il contenuto e apportare modifiche. Qui puoi anche aggiungere altre pagine e layout.

Per una personalizzazione ancora più approfondita a livello di branding, seleziona l'opzione Stile del microsito. 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="Menu dei componenti" %}
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 la *Modifica* scheda per apportare modifiche a ciò che è già presente.
{% endtab %}
{% endtabs %}

#### Struttura del microsito

Ci sono alcuni elementi fondamentali da comprendere mentre 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 siano presenti in modo uniforme in tutto il microsito, come intestazioni e immagini banner.

I layout e le 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 contenuto racchiuso dal contenuto del loro layout ereditato.

{% hint style="info" %}
**Esempio:** Se il tuo layout di base contiene un'immagine di intestazione, tutte le pagine che ereditano il layout di base mostreranno la stessa immagine di intestazione nella stessa posizione.
{% endhint %}

Se hai utilizzato la configurazione automatica per creare il tuo microsito, il tuo sito avrà tre layout predefiniti.

**Layout di base**

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

Entrambi i *Layout per utenti autenticati* e il *Layout disconnesso* ereditano il *Layout di base*.

<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%2F3NHdmPGgjMudnsCGd1Yy%2Fimage.png?alt=media&amp;token=54feac69-8c46-48be-9f14-32209f3c2539" alt="" width="312"><figcaption></figcaption></figure></div>

**Layout per utenti connessi**

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

<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%2FRFRn1J9JxD4iYpmKIAv0%2Flogged-in-layout.jpg?alt=media&amp;token=4815b054-264d-46e5-bcc8-88ed3ea5a624" alt="" width="310"><figcaption></figcaption></figure></div>

**Layout per utenti non connessi**

Il *Layout disconnesso* è il punto in cui puoi personalizzare ciò che vedrà qualsiasi partecipante che non è attualmente autenticato.

<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%2Fzmg9mkIeow7cpu0katqi%2Flogged-out-layout.jpg?alt=media&amp;token=9bbd561b-237e-43f1-833b-d1076bf9e857" alt="" width="291"><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Pagine</summary>

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

<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-0a6c026b6fbf6429ea9a8ff3ee2db4f6acfc84fd%2F87f7c50502733db94119262cc22612ef67923c5fc190d8c29938be0f4fd5a34f.jpg?alt=media" 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;">**Verificati**</mark>: Solo i partecipanti connessi.
* <mark style="color:$danger;">**Non verificato**</mark>: Partecipanti connessi che non hanno verificato il loro indirizzo email.
* **Pubblico**: Visualizzabile da chiunque.

Se hai utilizzato la configurazione automatica per creare il tuo microsito, il tuo sito viene fornito con diverse pagine che ereditano le *Layout per utenti autenticati* e il *Layout per utenti autenticati*.

**pagine del layout per utenti connessi:**

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

**pagine del layout per utenti non connessi:**

* Verifica email
* Password dimenticata
* Accesso
* Esci
* Pagina non trovata
* Registrazione
* 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 dei 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 un elenco completo dei raggruppamenti di componenti e dei singoli componenti.

<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-75004e7777739ce86600fd0a716eedbd7aa6c52d%2Ff413cd8a60e0c449e8d8a0e0ea0821173134ae92203976190fe299ac2ac079c6.jpg?alt=media" 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.