> 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/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md). # Personalizza il tuo portale Creator Edit {% hint style="warning" %} Questo articolo spiega come configurare il tuo [portale Creator Edit](/brand/it/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [Contattaci](https://app.impact.com/support/portal.ihtml?createTicket=true&) per saperne di più. {% endhint %} Personalizza l'aspetto del tuo portale Creator Edit per allinearlo all'identità visiva del tuo brand. Puoi modificare una gamma di elementi visivi, inclusi colori, font e stili dei componenti, garantendo un'esperienza di brand coerente per i tuoi creator. {% hint style="danger" %} **Le modifiche diventano effettive immediatamente.** I creator vedranno le tue modifiche non appena le salvi. Se non sei sicuro di un'impostazione, [contatta l'assistenza](https://app.impact.com/support/portal.ihtml?createTicket=true&) prima di apportare modifiche. {% endhint %} #### Accedi alla pagina delle impostazioni Puoi accedere a questa pagina delle impostazioni solo da impact.com. 1. Dalla barra di navigazione superiore del tuo account impact.com, seleziona ![](/files/c0279a0e9c22a5b78cc1bbb3be84cac24b0fd825) **\[Profilo utente] → Impostazioni.** 2. A destra, sotto *Impostazioni del programma*, vai a *Creator Edit* e seleziona [**Aspetto e stile**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.** 3. Nella *Aspetto e stile* impostazioni, modifica le opzioni visive per il tuo portale. Vedi *Modifica l'aspetto e lo stile del tuo portale* nella sezione seguente. 4. Una volta soddisfatto, seleziona **Salva**. #### Modifica l'aspetto e lo stile del tuo portale {% tabs %} {% tab title="Colori generali" %} Definisci i colori generali del tuo portale utilizzando codici colore esadecimali. Questi colori si applicano a sfondi, bordi ed elementi di branding. * **Branding primario**: Imposta il colore principale del tuo brand. * **Branding secondario**: Imposta il colore secondario del tuo brand. * **Branding terziario**: Imposta un colore di accento o terziario del brand. * **Sfondo della schermata iniziale**: Imposta il colore di sfondo della schermata iniziale/di caricamento. * **Sfondo onboarding**: Imposta il colore di sfondo per il flusso di onboarding del creator. * **Sfondo impostazioni**: Imposta il colore di sfondo della pagina delle impostazioni del portale. * **Sfondo principale**: Imposta il colore di sfondo principale della dashboard del portale. * **Bordo principale**: Imposta il colore dei bordi e dei divisori principali. * **Successo**: Imposta il colore utilizzato per i messaggi e le notifiche di successo. * **Avviso**: Imposta il colore utilizzato per i messaggi e gli avvisi di avvertimento. {% endtab %} {% tab title="Pulsanti" %} Definisci l'aspetto dei pulsanti del tuo portale, inclusi il colore del testo, il colore di sfondo e gli stati di interazione (hover e clic). Puoi anche visualizzare l'anteprima di come appariranno i tuoi pulsanti nel portale. * **Pulsante primario**: Imposta il colore dei tuoi pulsanti primari' *Testo*, *Sfondo*, *Sfondo al passaggio del mouse*e *Clic*. Inserisci un codice colore esadecimale (ad es. #FFFFFF per il bianco) per impostare il colore. * **Pulsante secondario**: Imposta il colore dei tuoi pulsanti secondari' *Testo*, *Sfondo*, *Sfondo al passaggio del mouse*e *Clic*. Inserisci un codice colore esadecimale (ad es. #FFFFFF per il bianco) per impostare il colore. {% endtab %} {% tab title="Testo" %} Definisci i colori per i vari elementi di testo per garantire leggibilità e coerenza utilizzando codici colore esadecimali. Puoi anche visualizzare l'anteprima di come apparirà il testo nel tuo portale. * **Errori**: Imposta il colore per i messaggi di errore. * **Testo delle etichette delle metriche degli influencer**: Imposta il colore per le etichette delle metriche di performance. * **Colore dei link**: Imposta il colore per tutti gli hyperlink cliccabili. * **Testo onboarding**: Imposta il colore principale del testo durante il processo di onboarding. * **Testo secondario onboarding**: Imposta il colore del testo secondario utilizzato durante il processo di onboarding. * **Testo principale della modale**: Imposta il colore del testo all'interno delle finestre pop-up modali. * **Testo principale**: Imposta il colore predefinito del testo per la maggior parte dei contenuti del corpo. * **Link secondario**: Imposta il colore per i link secondari o meno evidenti. * **Testo secondario**: Imposta il colore per il testo supplementare o meno enfatizzato. * **Testo impostazioni**: Imposta il colore del testo specificamente per le pagine delle impostazioni. * **Testo della schermata iniziale**: Imposta il colore del testo nella schermata iniziale/di caricamento. * **Testo principale dei componenti UI**: Imposta il colore del testo per i componenti UI principali. {% endtab %} {% tab title="Moduli" %} Definisci l'aspetto degli elementi interattivi dei moduli per abbinarli al tuo brand utilizzando codici colore esadecimali. Puoi anche visualizzare l'anteprima di come appariranno la tua casella di spunta e il tuo pulsante di opzione nel portale. * **Casella di spunta selezionata**: Imposta il colore di una casella di spunta quando è selezionata. * **Pulsante di opzione selezionato**: Imposta il colore di un pulsante di opzione quando è selezionato. {% endtab %} {% tab title="Componenti" %} Definisci i colori per vari componenti strutturali del tuo portale utilizzando codici colore esadecimali. * **Sfondo principale della modale**: Imposta il colore di sfondo per le finestre pop-up modali. * **Componente UI principale**: Imposta il colore per gli elementi UI principali come le schede attive o gli elementi selezionati. * **Componente UI secondario**: Imposta il colore per gli elementi UI secondari. * **Sfondo del contenitore a pillola**: Imposta il colore di sfondo per i tag o le etichette a forma di pillola. * **Sfondo del piè di pagina**: Imposta il colore di sfondo del piè di pagina. * **Sfondo dell'intestazione**: Imposta il colore di sfondo dell'intestazione della pagina. * **Sfondo della barra di avanzamento**: Imposta il colore di sfondo delle barre di avanzamento. {% endtab %} {% tab title="Font" %} Definisci i font del tuo brand da utilizzare in tutto il portale. I formati di file supportati includono .TTF, .OTF e .WOFF. Puoi anche visualizzare l'anteprima di come i font caricati appariranno nel tuo portale. * **Font light, regular, bold**: Carica i font per i tuoi stili di font principali. * **Font secondario semibold, regular, bold**: Carica i font per i tuoi stili di font secondari. {% endtab %} {% tab title="Altri stili" %} Regola ulteriori opzioni di stile per componenti specifici. Puoi anche visualizzare l'anteprima di come le opzioni di stile scelte appariranno nel tuo portale. * **Raggio del bordo del pulsante**: Imposta la rotondità degli angoli del pulsante primario. * **Dimensione del font dell'intestazione dei contenuti dei benefit**: Regola la dimensione del font per l'intestazione delle schede dei contenuti benefit. {% endtab %} {% tab title="Categorie e collezioni" %} Definisci lo stile per le schede utilizzate per visualizzare categorie e collezioni nel tuo portale. Puoi visualizzare l'anteprima di come apparirà lo stile scelto nel tuo portale. * **Stile delle schede delle categorie**: Scegli tra **Circolare** e **Quadrato**. Se scegli lo **Quadrato** stile, puoi personalizzare la rotondità degli angoli delle schede. * **Stile delle schede delle collezioni**: Scegli tra **Circolare** e **Quadrato**. Se scegli lo **Quadrato** stile, puoi personalizzare la rotondità degli angoli delle schede. {% endtab %} {% endtabs %} --- # 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/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md?ask=&goal= ``` `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.