> 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 layout e pagine del microsito

I micrositi sono uno dei principali punti di contatto per i partecipanti del tuo programma referral. Questo articolo di supporto spiega come utilizzare il *editor del microsito* per personalizzare il tuo microsito esistente in uno spazio che riflette il tuo brand e offre un'esperienza coinvolgente ai tuoi utenti finali.

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

1. Dal menu di navigazione a sinistra, seleziona ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Contenuti**.
2. Nella *scheda Microsite* scheda, seleziona **Modifica contenuto**.
   * Questa azione apre l'editor del microsito e visualizza il *scheda Microsite* slideout.
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="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fu8WZu3QIIhdEbGgIEptB%2FScreenshot%202026-05-18%20at%2010.44.26.png?alt=media&#x26;token=45c65550-6e83-4e79-8372-ec2793c4c913" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
**Avviso:** L'editor del microsito non salva automaticamente le modifiche. Salva spesso 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 font" %}
Il layout Base include un componente contenitore del brand che controlla il font 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 dei pulsanti.

1. Nel *scheda Microsite* slideout, seleziona il **layout Base**.
2. A sinistra, sotto *Layout attuale*, 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="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f58dfdd168765b914fd22b232cabd8030450c27f%2F6f54642b7524983137442de4c4ecc2a20984c511b5e26423a5edadc0060f9a45.png?alt=media" 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. Nel *scheda Microsite* slideout, seleziona il **layout Base**.
2. A sinistra, sotto *Layout attuale* oppure *Pagina attuale*, 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 i partecipanti verranno reindirizzati facendo 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 Microsite* slideout, seleziona **scheda Microsite**.
   * 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' **Layout ereditato** elenco a discesa per selezionare il layout che desideri utilizzare come layout padre.

{% hint style="info" %}
**Esempio:** Se vuoi aggiungere al tuo sito una landing page che chiunque possa vedere indipendentemente dal fatto che sia un partecipante connesso, puoi annidare una nuova pagina all'interno del layout Base.
{% endhint %}

4. Inserisci il **titolo della pagina** o il nome del layout.
5. Facoltativamente, modifica la **chiave della pagina** per la tua pagina. Una chiave pagina viene generata automaticamente in base al titolo della pagina, ma puoi cambiarla se desideri.
6. Inserisci il **URL** per la tua pagina.
   * Aggiungi una barra obliqua prima del nome che vuoi usare e utilizza i trattini nel caso di un URL composto da più parole, ad esempio, `/company-info`.
7. Dal **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. Dal **Reindirizzamento per gli utenti non autorizzati** elenco a discesa, seleziona la pagina a cui desideri inviare 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 Microsite* slideout, seleziona **scheda Microsite**.
   * 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' **Layout ereditato** elenco a discesa per selezionare il layout che desideri utilizzare 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 layout viene generata automaticamente in base al titolo della pagina, ma puoi cambiarla se 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 pagina se non vuoi partire da zero.

1. Dal *scheda Microsite* slideout, usa la vista struttura per selezionare il layout o la pagina per cui vuoi usare il modello.
2. A sinistra, sotto *Layout attuale* oppure *Pagina attuale*, seleziona **Modelli**.
3. Esplora i modelli disponibili, quindi seleziona **Applica modello** nella scheda del modello che vuoi usare.

<div data-with-frame="true"><figure><img src="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FmANLKNh0KRWXP8G7Abj6%2FScreenshot%202026-05-18%20at%2010.40.44.png?alt=media&#x26;token=6fec0d57-89af-4cbc-8e23-2fe243a13882" 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 laterale del microsito. Questi passaggi ti mostreranno come farlo, ma puoi adattarli se vuoi aggiungere una voce della barra laterale a un altro layout.

1. Dal *scheda Microsite* slideout, seleziona **Layout connesso** dalla vista struttura.
   * Seleziona ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90673bb8db696bdefe7b207cfc07c46caf1d43f1%2Fce7a994978f06dd84cc6a31b890071502b4831990afd8fdd73f73c6d2e203660.png?alt=media) **\[Icona di uscita]** per chiudere lo slideout e accedere all'area di modifica.
2. A destra, all'interno del *Aggiungi* menu, espandi la *categoria Componenti del microsito* quindi seleziona **Elemento della barra laterale**.

<div data-with-frame="true"><figure><img src="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-87da46ebfa6e69752ed1c574a17d0036746d311d%2F125bfdb46d75238f2772523663950b1311a17055d85a39bca25033bc56a45d5e.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>

3. Nell'area di modifica, trascina il *componente elemento della barra laterale* in una posizione valida. Le posizioni disponibili sono indicate da un messaggio **Aggiungi al contenuto della barra laterale** di notifica.
   * Sui dispositivi con schermi più piccoli, seleziona il ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-71ccc0ed9e3023e12691656e4a063341060fe3bd%2F69bc484dc36b22c013f4fde7e0360a7ae9b8d39164beff2b6fabc9ea6d0efb1d.svg?alt=media) **\[Menu hamburger]** per accedere al **Aggiungi al contenuto della barra laterale** pulsante.
4. A destra, all'interno del *Modifica* menu, seleziona una **Icona** e **Etichetta** per rappresentare la pagina.
5. Dal **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: 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 dei menu in alto, passa da ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9a50309ee9d0e10094bf68c9b9ae1999dbec4f48%2F7cf9c6c1f6544aa358de22e77201e216647a70ab22c854c02334f51f45892424.svg?alt=media) **\[Desktop]**, ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-02123f07d293035e9e37f19e086187c0e90e7dd0%2F1b889798dd233ebb71c2adcc44be0e2887772538ce7c6357d7ef1ea246c0e564.svg?alt=media) **\[Tablet]** oppure ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-04b329f4eb244c77b35e32d9988afc78f428a88f%2Fe05ee6fbf869c562df0a7fbc8a38b177082975c06ddf6adcda9d4c00bd0e43ac.svg?alt=media) **\[Mobile]** per vedere come apparirà il microsito su ciascun dispositivo.
2. Per entrare nell'anteprima, seleziona ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-190c6a03e6a68d67509d00452b10fd803bee5c87%2F57c7cba09bd1b97dd75b7c245e517c8d1ca0469d7c57bdc13ee6e427b75a860a.svg?alt=media) **\[Visualizza]** dalla barra dei menu in alto.
3. Per tornare all'interfaccia di modifica, seleziona ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-60e9ace573178da411cb3be9c6f3b0f4b7e5b524%2F4094fadf599e544cfc618c18eb22087defdb9be38a580cd0041a242a88294e1e.svg?alt=media) **\[Modifica]** dalla barra dei 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 tuo 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 componenti di widget e micrositi](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md) per ulteriori informazioni sugli aspetti dei componenti di Microsites 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
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=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
