> 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/customize-microsite-layouts-and-pages.md).

# Personalizza i layout e le pagine del microsito

I micrositi sono uno dei principali punti di contatto dei partecipanti per il tuo programma di referral. Questo articolo di aiuto spiega come usare l' *editor del microsito* per personalizzare il microsito esistente in uno spazio che rifletta il tuo brand e offra un'esperienza coinvolgente agli utenti finali.

Se non hai ancora [configurato](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite.md) un microsito, dovrai prima farlo.

1. Dal menu di navigazione a sinistra, seleziona ![](/files/56eb48c7f3195590132b62ea75c0575abe0113e5) **\[Engage] → Contenuto**.
2. Nella *scheda* Microsite, seleziona **Modifica contenuto**.
   * Questa azione apre l'editor del microsito e mostra il *scheda* pannello laterale.
3. Usa l'editor del microsito per aggiornare il branding o aggiungere nuovi contenuti, come layout e pagine.

   <div data-with-frame="true"><figure><img src="/files/8d144e1d4ea31ce761539ea57685128c3bf0b1b3" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
**Attenzione:** L'editor del microsito non salva automaticamente le modifiche. Salva spesso per assicurarti di non perdere il lavoro.
{% endhint %}

{% stepper %}
{% step %}
**Passaggio 1: modifica il branding del microsito (facoltativo)**

{% tabs %}
{% tab title="Colori e font" %}
Il tuo layout Base include un componente contenitore del brand che controlla il font e i colori del brand del microsito. I colori del brand vengono applicati a varie parti del microsito, inclusi i colori di evidenziazione e i colori dei pulsanti.

1. Nel *scheda* pannello laterale, seleziona il **Layout Base**.
2. A sinistra, sotto *Layout corrente*, seleziona **Livelli**.
3. Seleziona il **Contenitore del brand**.
4. A destra, nel *Contenitore del brand* menu, modifica il **colore del brand** e **font del brand**.

   <div data-with-frame="true"><figure><img src="/files/0d4de451d1c1fa74c4e3bf47b853ecc6e10635ac" alt="" width="223"><figcaption></figcaption></figure></div>
5. Seleziona **Salva** nell'angolo in alto a destra.
   {% endtab %}

{% tab title="Intestazione del sito" %}
Puoi aggiungere un'immagine di intestazione cliccabile che reindirizzi i partecipanti a una pagina da te designata. Configurala nel layout Base.

1. Nel *scheda* pannello laterale, seleziona il **Layout Base**.
2. A sinistra, sotto *Layout corrente* oppure *Pagina corrente*, seleziona **Livelli**.
3. A destra, nel *Contenuto intestazione frame microsito* menu, fornisci un'immagine e regola altezza e larghezza come desideri.
4. Imposta il percorso di reindirizzamento. Qui verranno reindirizzati i partecipanti dopo aver fatto clic sull'immagine.
5. Seleziona **Salva**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}

{% step %}
**Passaggio 2: crea un layout o una pagina**

{% tabs %}
{% tab title="Aggiungi una pagina" %}

1. Nel *scheda* pannello laterale, seleziona **scheda**.
   * Questa azione apre la vista struttura del tuo microsito, che mostra tutti i layout e le pagine.
2. Seleziona il **Aggiungi pagina** pulsante.
3. Facoltativamente, usa l'elenco a discesa **Layout ereditato** per selezionare il layout che vuoi usare come layout padre.

   <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p><strong>Esempio:</strong> Se vuoi aggiungere al tuo sito una landing page che chiunque possa vedere indipendentemente dal fatto che sia un partecipante connesso, puoi nidificare una nuova pagina all'interno del layout base.</p></div>
4. Inserisci il **titolo della pagina** o il nome del layout.
5. Facoltativamente, modifica la **chiave della pagina** per la tua pagina. Una chiave della pagina viene generata automaticamente in base al titolo della pagina, ma puoi modificarla se lo desideri.
6. Inserisci il **URL** per la tua pagina.
   * Aggiungi una barra obliqua prima del nome che vuoi usare e usa i trattini per un URL composto da più parole, ad es. `/informazioni-azienda`.
7. Dall'elenco a discesa **Utenti consentiti** seleziona il gruppo di utenti che può accedere alla pagina.
   * **Pubblico:** Visibile a chiunque.
   * **Verificati:** Solo partecipanti connessi.
   * **Non verificati:** Partecipanti connessi che non hanno verificato i propri indirizzi email.
8. Dall'elenco a discesa **Reindirizzamento per utenti non autorizzati** dall'elenco a discesa, seleziona la pagina a cui vuoi che vengano inviati i partecipanti non autorizzati.
9. Seleziona **Aggiungi**.
10. Nell'angolo in alto a destra della pagina, seleziona **Salva**.
    {% endtab %}

{% tab title="Aggiungi un layout" %}

1. Nel *scheda* pannello laterale, seleziona **scheda**.
   * Questa azione apre la vista struttura del tuo microsito, che mostra tutti i layout e le pagine.
2. Seleziona **Aggiungi layout**.
3. Facoltativamente, usa l'elenco a discesa **Layout ereditato** dall'elenco a discesa per selezionare il layout che vuoi usare come layout padre. Questo è utile soprattutto per l'organizzazione del sito.
4. Inserisci il **Nome layout** per il tuo layout.
5. Facoltativamente, modifica la **Chiave layout** per il tuo layout. Una chiave layout viene generata automaticamente in base al titolo della pagina, ma puoi modificarla se lo desideri.
6. Seleziona **Aggiungi**.
7. Nell'angolo in alto a destra della pagina, seleziona **Salva**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}

{% step %}
**Passaggio 3: applica un modello**

Puoi applicare un modello al tuo nuovo layout o alla tua nuova pagina se non vuoi partire da zero.

1. Dall'elenco a discesa *scheda* pannello laterale, usa la vista struttura per selezionare il layout o la pagina a cui vuoi applicare il modello.
2. A sinistra, sotto *Layout corrente* oppure *Pagina corrente*, seleziona **Modelli**.
3. Sfoglia i modelli disponibili, quindi seleziona **Applica modello** sulla scheda del modello che vuoi usare.

   <div data-with-frame="true"><figure><img src="/files/79e2541ddf9b22812ec5fdd4fbad8a60c1999878" alt="" width="267"><figcaption></figcaption></figure></div>
4. Nell'angolo in alto a destra della pagina, seleziona **Salva**.
   {% endstep %}

{% step %}
**Passaggio 4: modifica la barra laterale del microsito**

Questo è consigliato se vuoi che i partecipanti connessi possano raggiungere una pagina dal menu di navigazione della barra laterale del microsito. Questi passaggi ti mostreranno come farlo, ma puoi adattarli se vuoi aggiungere un elemento della barra laterale a un altro layout.

1. Dall'elenco a discesa *scheda* pannello laterale, seleziona **Layout connesso** dalla vista struttura.
   * Seleziona ![](/files/c7d738122eb6d3979c13a48e2f22a21b558ac179) **\[Icona di uscita]** per chiudere il pannello laterale e accedere all'area di modifica.
2. A destra, all'interno del *Aggiungi* menu, espandi la categoria *Componenti del microsito* quindi seleziona **Elemento barra laterale**.

   <div data-with-frame="true"><figure><img src="/files/ffe32f82ff1e4b275e4c3c0178371b6f1562d072" alt=""><figcaption></figcaption></figure></div>
3. All'interno dell'area di modifica, seleziona una posizione valida per aggiungere il componente *elemento della barra laterale* . Le posizioni disponibili sono indicate da un messaggio **Aggiungi al contenuto della barra laterale** .
   * Su schermi più piccoli, seleziona il ![](/files/9937d63c88d36bbfbae93ecd9605af37efde2904) **\[Menu hamburger]** per accedere a **Aggiungi al contenuto della barra laterale** pulsante.
4. A destra, all'interno del *Modifica* menu, seleziona un **Icona** e **Etichetta** per rappresentare la pagina.
5. Dall'elenco a discesa **Percorso di navigazione** dall'elenco a discesa, seleziona il percorso URL della pagina a cui gli utenti devono essere indirizzati.
6. Nell'angolo in alto a destra della pagina, seleziona **Salva**.
   {% endstep %}

{% step %}
**Passaggio 5: visualizza l'anteprima e salva**

{% tabs %}
{% tab title="Visualizza l'anteprima del tuo microsito" %}
Puoi visualizzare in anteprima l'aspetto che avrà il microsito per i tuoi partecipanti.

1. Nella barra del menu in alto, alterna tra ![](/files/2bb423af4327d8f265327e9af641fb98ab8164d7) **\[Desktop]**, ![](/files/f49904d74b750d4424b22632fde650a2407fa11a) **\[Tablet]** oppure ![](/files/6ab52d4f76a2c0bcd0bacc05fcdf2be2fa122c76) **\[Mobile]** per vedere come apparirà il microsito su ciascun dispositivo.
2. Per entrare in anteprima, seleziona ![](/files/3ee3f0da3b2952420e8b10ba356d7d046b0e3c6d) **\[Visualizza]** dalla barra del menu in alto.
3. Per tornare all'interfaccia di modifica, seleziona ![](/files/af0f9e62dbbfb5171f0c13344127b9fb8d0c363d) **\[Modifica]** dalla barra del menu in alto.
   {% endtab %}

{% tab title="Salva il tuo microsito" %}
L'editor del microsito non salva automaticamente le modifiche. Salva spesso per assicurarti di non perdere il lavoro.

1. Dopo aver apportato tutte le modifiche pertinenti, seleziona **Salva** in alto a destra.
2. Una volta salvate, le modifiche appariranno immediatamente nella versione live del tuo microsito.
   {% endtab %}
   {% endtabs %}
   {% endstep %}
   {% endstepper %}

Visita il nostro articolo su [Spiegazione dei widget e dei componenti del microsito](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md) per saperne di più sugli aspetti dei componenti di Micrositi e Widget.


---

# 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/customize-microsite-layouts-and-pages.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.