> 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 microsite

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 *Microsito* card, seleziona **Modifica contenuto**.

#### Interfaccia dell'editor

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

<div data-with-frame="true"><figure><img src="/files/69bb2cce95457f408f8cedc967277748e0556343" alt=""><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="Barra dei menu superiore" %}
La barra dei menu nella parte superiore della pagina è il punto in cui puoi annullare le azioni, visualizzare il codice HTML e l'anteprima del 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 subito come appariranno per i tuoi partecipanti. Questi componenti sono elencati a sinistra nella sezione del pannello laterale del microsito.

* Seleziona **Livelli** per visualizzare 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="/files/d382e6a5e4e3a0db0bf9a08dcba658c1f40b0fef" alt="" width="122"><figcaption></figcaption></figure></div>

{% endtab %}

{% tab title="Pannello laterale del microsito" %}
Il pannello laterale del microsito è un pannello comprimibile alla sinistra dell'area di lavoro. Visualizza la struttura di ereditarietà dei tuoi layout e delle tue pagine sotto forma di albero. Seleziona singoli layout o pagine per visualizzarne il contenuto e apportare 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 del 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 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 conoscere quando personalizzi il tuo microsito: layout, pagine e componenti.

<details>

<summary>Layout</summary>

I layout fungono da “cornici” per il tuo microsito. Sono il luogo in cui puoi inserire componenti che vuoi visualizzare in modo diffuso 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 base contiene un'immagine di intestazione, tutte le pagine che ereditano il layout base mostreranno la stessa immagine di intestazione nella stessa posizione.
{% endhint %}

Se hai usato la configurazione automatica per creare il tuo microsito, il tuo sito ha tre layout predefiniti.

**Layout base**

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

Sia il *Layout con accesso effettuato* sia il *Layout senza accesso effettuato* ereditano il *Layout base*.

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

**Layout con accesso effettuato**

La *Layout con accesso effettuato* è il punto in cui puoi aggiungere componenti che tutti i tuoi partecipanti autenticati 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é viene aggiunto al layout, qualsiasi pagina che eredita quel layout includerà quella barra laterale.

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

**Layout senza accesso effettuato**

La *Layout senza accesso effettuato* è 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 il contenuto del tuo sito, come spiegazioni del programma, informazioni su referral e condivisione e testo/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 con accesso effettuato.
* <mark style="color:$danger;">**Non verificato**</mark>: Partecipanti con accesso effettuato 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 viene fornito con diverse pagine che ereditano le *Layout con accesso effettuato* sia il *Layout con accesso effettuato*.

**pagine del layout con accesso effettuato:**

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

**Pagine del layout senza accesso effettuato:**

* Verifica email
* Password dimenticata
* Accesso
* Disconnessione
* Pagina non trovata
* Registrazione
* Reimposta password
* Verifica email

</details>

<details>

<summary>Componenti</summary>

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

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

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