# 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 il *editor del microsito* per personalizzare il tuo microsito esistente in uno spazio che rifletta il tuo brand e offra un'esperienza coinvolgente ai tuoi utenti finali.

Se non hai ancora [configurato](/brand/it/che-cosa-vorresti-imparare/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] → Contenuti**.
2. Nella *Microsito* scheda, seleziona **Modifica contenuto**.
   * Questa azione apre l'editor del microsito e visualizza il *Microsito* pannello laterale.
3. Usa l'editor del microsito per aggiornare il tuo 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" %}
**Avviso:** L'editor del microsito non salva automaticamente le modifiche. Salva frequentemente per assicurarti di non perdere il tuo lavoro.
{% endhint %}

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

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

1. Nella *Microsito* pannello laterale, seleziona la **Layout di base**.
2. A sinistra, sotto *Layout corrente*, seleziona **Livelli**.
3. Seleziona il **Brand Container**.
4. A destra, nel *Brand Container* menu, modifica il **colore del brand** e **carattere 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 reindirizza i partecipanti a una pagina da te designata. Configurala nel layout Base.

1. Nella *Microsito* pannello laterale, seleziona la **Layout di base**.
2. A sinistra, sotto *Layout corrente* o *Pagina corrente*, seleziona **Livelli**.
3. A destra, nel *Contenuto dell'intestazione del frame del microsito* menu, fornisci un'immagine e regola altezza e larghezza come desideri.
4. Imposta il percorso di reindirizzamento. Qui verranno reindirizzati i partecipanti quando faranno 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. Nella *Microsito* nel pannello laterale, seleziona **Microsito**.
   * 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 pagina di destinazione 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 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 cambiarla se lo desideri.
6. Inserisci il **URL** per la tua pagina.
   * Aggiungi una barra obliqua prima del nome che vuoi usare e utilizza i trattini per un URL composto da più parole, ad esempio `/company-info`.
7. Dalla **Utenti consentiti** elenco a discesa, seleziona il gruppo di utenti che può accedere alla pagina.
   * **Pubblico:** Visibile a chiunque.
   * **Verificato:** Solo partecipanti connessi.
   * **Non verificato:** Partecipanti connessi che non hanno verificato il proprio indirizzo email.
8. Dalla **Reindirizzamento per utenti non autorizzati** 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. Nella *Microsito* nel pannello laterale, seleziona **Microsito**.
   * 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** elenco a discesa per selezionare il layout che vuoi usare come layout padre. Questo è particolarmente utile per l'organizzazione del sito.
4. Inserisci il **Nome del layout** per il tuo layout.
5. Facoltativamente, modifica la **Chiave del layout** per il tuo layout. Una chiave del layout viene generata automaticamente in base al titolo della pagina, ma puoi cambiarla 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. Dalla *Microsito* pannello laterale, usa la vista struttura per selezionare il layout o la pagina per cui vuoi usare il modello.
2. A sinistra, sotto *Layout corrente* o *Pagina corrente*, seleziona **Modelli**.
3. Esplora 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. Dalla *Microsito* nel pannello laterale, seleziona **Layout con accesso effettuato** dalla vista struttura.
   * Seleziona ![](/files/c7d738122eb6d3979c13a48e2f22a21b558ac179) **\[Icona di uscita]** per chiudere il pannello laterale e accedere alla tela di modifica.
2. A destra, all'interno del *Aggiungi* menu, espandi la *Componenti del microsito* categoria, quindi seleziona **Elemento della barra laterale**.

   <div data-with-frame="true"><figure><img src="/files/ffe32f82ff1e4b275e4c3c0178371b6f1562d072" alt=""><figcaption></figcaption></figure></div>
3. All'interno della tela di modifica, seleziona una posizione valida per aggiungere il componente *elemento della barra laterale* . Le posizioni disponibili sono designate da un messaggio **Aggiungi al contenuto della barra laterale** .
   * Sugli schermi più piccoli, seleziona il ![](/files/9937d63c88d36bbfbae93ecd9605af37efde2904) **\[Menu hamburger]** per accedere al **menu 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. Dalla **Percorso di navigazione** 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: anteprima e salva**

{% tabs %}
{% tab title="Visualizza l'anteprima del tuo microsito" %}
Puoi vedere in anteprima come apparirà il microsito ai tuoi partecipanti.

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

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

1. Dopo aver apportato tutte le modifiche pertinenti, seleziona **Salva** nell'angolo 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 componenti di widget e micrositi](/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md) per saperne di più sugli aspetti dei componenti di Microsites e Widgets.


---

# Agent Instructions: 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:

```
GET https://help.impact.com/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.