# Spiegazione dell'Editor Microsite

L'editor del microsito ti dà il controllo su ciò che i partecipanti del tuo programma Advocate vedranno, 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 [configurare un microsito](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite) e [personalizzare il branding e i contenuti](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages) dei suoi layout e delle sue pagine.

#### Aprire 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. Sulla *scheda Microsito* seleziona **Modifica contenuto**.

#### Interfaccia dell'editor

L'editor del microsito è composto da una barra del menu superiore, la tela di modifica, il pannello laterale del microsito e il 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%2Fgit-blob-6147ebf2ae47ca4606bdd34277af56999a671280%2Fc61b460557871deb1aecbb27a3518982408cf45b72156fca43f3e46dbc54f913.png?alt=media" alt=""><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="Barra del menu superiore" %}
La barra del menu in alto alla pagina è dove puoi annullare le azioni, visualizzare il codice HTML e anteprima del microsito finito. Usa le icone desktop, tablet o mobile per vedere come apparirà il tuo microsito su dispositivi con diverse dimensioni dello schermo.
{% endtab %}

{% tab title="Tela" %}
La tela mostra il contenuto attuale del tuo microsito. Puoi selezionare componenti individuali per modificarli, oppure aggiungerne di nuovi e vedere a colpo d'occhio come verranno visualizzati per i tuoi partecipanti. Questi componenti sono elencati a sinistra nella sezione a comparsa del microsito.

* Seleziona **Livelli** per vedere una vista dettagliata di tutti i componenti sulla tua pagina o layout
* Seleziona **Modelli** per visualizzare i modelli disponibili per le pagine del tuo microsito.
* Vedrai un terzo menu dipendente dal contesto basato sulla pagina, layout, widget o 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 della tela. Visualizza la struttura di ereditarietà dei tuoi layout e delle tue pagine come un albero. Seleziona layout o pagine individuali per visualizzare il contenuto e apportare modifiche. Qui puoi anche aggiungere altre pagine e layout.

Per ulteriori possibilità di stile a livello di branding, seleziona l'opzione Stile Microsito. Consulta [Personalizzare i Widget e i Micrositi con l'Editor di Contenuti](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/customize-widgets-and-microsites-with-the-content-editor) per maggiori informazioni sulle opzioni di stile disponibili.
{% endtab %}

{% tab title="Menu dei componenti" %}
Il menu dei componenti è un pannello a destra della tela. Usa la *Scheda Aggiungi* per inserire nuovi componenti nella tela e la *Scheda Modifica* per apportare aggiustamenti a ciò che è già presente.
{% endtab %}
{% endtabs %}

#### Struttura del microsito

Ci sono alcuni mattoni fondamentali che è importante 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 luogo in cui puoi posizionare componenti che desideri appaiano in modo pervasivo nel microsito, come intestazioni e immagini banner.

Layout e pagine sono collegati attraverso una struttura di ereditarietà. Sia le pagine che i layout possono ereditare un layout. Le pagine e i layout che hanno un layout ereditato avranno il loro contenuto avvolto dal contenuto del 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 visualizzeranno la stessa immagine di intestazione nella stessa posizione.
{% endhint %}

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

**Layout di base**

Il layout di base è il luogo 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. È dove puoi aggiungere un'intestazione o un piè di pagina che desideri appaia in tutto il sito. Il layout di base contiene anche il contenitore del brand, che gestisce colori e font per l'intero sito.

Sia il *Layout per utenti autenticati* che il *Layout per utenti non autenticati* 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&#x26;token=54feac69-8c46-48be-9f14-32209f3c2539" alt="" width="312"><figcaption></figcaption></figure></div>

**Layout per utenti autenticati**

Il *Layout per utenti autenticati* è il luogo in cui puoi aggiungere componenti che tutti i tuoi partecipanti autenticati vedranno, indipendentemente dalla pagina in cui si trovano. Per esempio, il menu di navigazione nella barra laterale del tuo microsito è 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&#x26;token=4815b054-264d-46e5-bcc8-88ed3ea5a624" alt="" width="310"><figcaption></figcaption></figure></div>

**Layout per utenti non autenticati**

Il *Layout per utenti non autenticati* è il luogo 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&#x26;token=9bbd561b-237e-43f1-833b-d1076bf9e857" alt="" width="291"><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Pagine</summary>

Le pagine sono dove costruisci il contenuto del tuo sito, come spiegazioni del programma, informazioni su referral e condivisione, e testo/immagini. Seleziona una pagina individuale all'interno di uno dei tuoi layout per aprire e modificare il suo 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ò anche essere impostata a livello di pagina, consentendoti di limitare l'accesso alla pagina a una delle seguenti opzioni:

* <mark style="color:$successo;">**Verificato**</mark>: Solo partecipanti autenticati.
* <mark style="color:$pericolo;">**Non verificato**</mark>: Partecipanti autenticati che non hanno verificato il loro indirizzo email.
* **Pubblico**: Visualizzabile da chiunque.

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

**Pagine del layout per utenti autenticati:**

* Attività
* Cruscotto
* Modifica Profilo
* Invio Lead
* Tasse e Pagamenti

**Pagine del layout per utenti non autenticati:**

* Verifica Email
* Password Dimenticata
* Accedi
* Esci
* 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 dei partecipanti sul microsito, come immagini hero o un feed di referral.

I componenti sono raggruppati nel menu dei componenti. Consulta [Componenti di Widget e Micrositi Spiegati](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences) 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>
