Salta al contenuto
Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.

Modificare il logo, la favicon, i colori del brand, i caratteri e il tema del branding

Ultimo aggiornamento: 26 maggio 2025

Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:

Tutti i prodotti e i piani

Gli utenti con il permesso dimodificare le impostazioni predefinite dell'account possono modificare il logo, la favicon, i colori del brand, il tema e i caratteri del kit del brand.

Nota bene: è possibile creare un Kit del brand per account. Se si dispone del componente aggiuntivo Brands, è possibile creare un Kit del brand per Brand.

Nelle impostazioni, impostate il vostro logo e la favicon, i colori primari, secondari, d'accento e aggiuntivi del branding, il tema e i font. I colori del branding appariranno nell'editor dei contenuti, nelle pagine di programmazione, nei preventivi e nei canali di conversazioni, ma non appaiono nei modelli di vendita e nelle e-mail.

Aggiungere o modificare il logo

Nelle impostazioni dell'account è possibile modificare il logo predefinito. È possibile modificare questo logo per singoli contenuti.

  • Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
  • Nel menu della barra laterale sinistra, fare clic su Identità del brand.
  • Se si utilizza il componente aggiuntivo Branding, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.

Brand Identity Select Brand: Dropdown menu to select a brand to update logo.

  • Nella sezione Kit del brand, fare clic su Loghi.
  • Aggiungete il vostro nuovo logo:
    • Per aggiungere come logo un'immagine esistente dallo strumento File, fare clic su Sfoglia immagini. Nel pannello di destra, fare clic sull'immagine.
    • Per aggiungere una nuova immagine, fare clic su Carica, quindi aggiungere un'immagine dal computer.
  • Nel campo Nome logo , inserire un nome per il logo. Questo campo è obbligatorio.
  • Nel campo alt text del logo , inserire una descrizione del logo per i motori di ricerca e gli screen reader. Questo migliora l' accessibilità e la SEO del sito. Per saperne di più sull'accessibilità dei siti web, consultare la documentazione per sviluppatori di HubSpot.
  • Nel campo Logo URL , inserire un URL se si desidera che il logo sia cliccabile.
  • To resize your logo, enter a new dimension in the Width or Height field. The other field will automatically adjust to keep the image's proportions.
  • Per aggiungere un altro logo, fare clic su + Aggiungi in fondo alla sezione Loghi .
  • Per eliminare un'immagine esistente, fare clic sulla X al centro dell'immagine.

Brand Identity Update Logo: Options to add or update a logo, with fields for logo details.

  • Per modificare il logo predefinito, passare il mouse sul logo che si desidera utilizzare come predefinito, fare clic sul menu a discesa Azioni, quindi selezionare Rendi predefinito.
  • Per eliminare un logo, fare clic sul menu a discesa Azioni e selezionare Elimina.

Brand Identity Change Default Logo: Dropdown menu to change or delete a logo.

  • <span itemprop="name headline\">Una volta terminata la modifica del logo, fare clic su <strong>Aggiornamento </strong>in basso a sinistra. </span></li> <li>È possibile sovrascrivere un logo predefinito per contenuti specifici nell'area <a href="https://knowledge.hubspot.com/it/website-and-landing-pages/create-and-customize-pages" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank">content editor</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">o </span><a href="/design-manager/create-and-edit-modules" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank">Design Manager</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">. Nel modulo </span><span style="font-style: italic;">Logo </span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">, fare clic per attivare il modulo </span><strong style="background-color: transparent;">Sovrascrivi il logo predefinito</strong><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">, quindi caricare un </span><span style="font-weight: bold;"> logo</span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">. </span></li> </ul>

    Brand Identity Override Logo: Switch to override the default logo.

    Aggiungere o modificare la propria favicon

    Nelle impostazioni dell'account, è possibile personalizzare la favicon del sito web, ovvero la piccola immagine presente in una scheda del browser accanto al titolo della pagina. La favicon verrà applicata solo ai contenuti ospitati su HubSpot.

    Nota bene: è possibile aggiungere fino a 20 favicon per Branding.

    • Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
    • Nel menu della barra laterale sinistra, fare clic su Identità del brand.
    • Se si utilizza il componente aggiuntivo Branding, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.

    Brand Identity Select Brand: Dropdown menu to select a brand for favicon update.

    • Nella sezione Kit del brand, fare clic su Favicon.
    • Aggiungete la vostra nuova Favicon:
      • Per aggiungere come logo un'immagine esistente dallo strumento File, fare clic su Sfoglia immagini. Nel pannello di destra, fare clic sull'immagine.
      • Per aggiungere una nuova immagine, fare clic su Carica, quindi aggiungere un'immagine dal computer.
    • Nel campo Nome Favicon , inserire un nome per la favicon. Questo campo è obbligatorio.
    • <span itemprop="name headline\">Per aggiungere un altro logo, </span>fare clic su <strong>+ Aggiungi </strong>in fondo alla sezione Favicon<em> </em> <li>Per cancellare un'immagine esistente, fare clic sulla <strong>X</strong> al centro dell'immagine.</li> </ul>

      Brand Identity Update Favicon: Options to add or update a favicon.

      • Per modificare la favicon predefinita, passare il mouse sulla favicon che si desidera utilizzare come predefinita, fare clic sul menu a discesa Azioni, quindi selezionare Rendi predefinita.
      • Per eliminare un logo, fare clic sul menu a discesa Azioni , quindi selezionare Elimina.

      Brand Identity Change Default Favicon: Dropdown menu to change the default favicon.

      • Una volta terminata la modifica della favicon, fare clic su Salva in basso a sinistra.

      Aggiungere o modificare i colori del branding

      Nelle impostazioni è possibile impostare i colori del branding che appariranno nell'editor dei contenuti, oltre che nelle pagine di pianificazione, nei preventivi e nei canali di conversazioni. I colori del branding non appariranno nei modelli di vendita e nelle e-mail.

      • Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
      • Nel menu della barra laterale sinistra, fare clic su Identità del brand.
      • Se si utilizza il componente aggiuntivo Branding, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.

      Brand Identity Select Brand: Dropdown menu to select a brand to update colors.

      • Nella sezione Kit del brand, fare clic su Colori.
      • Per impostare i colori del branding:
        • Colore primario: il colore principale utilizzato nel branding. In Colore primario, inserire un codice esadecimale o fare clic sul selezionatore di colori e selezionare un colore. Quindi fare clic su Salva. Il colore primario è un campo obbligatorio.
        • Colore secondario: il secondo colore più utilizzato nel branding. In Colore secondario, inserire un codice esadecimale o fare clic sul selezionatore di colori e selezionare un colore. Quindi fare clic su Salva.
        • Colori d'accento: completano i colori primari e secondari del branding. In corrispondenza di Accent color, inserire un codice esadecimale o fare clic sul selezionatore di colori e selezionare un colore. Quindi fare clic su Salva. È possibile aggiungere fino a tre colori d'accento.
        • Colori aggiuntivi: non vengono utilizzati automaticamente, ma saranno disponibili nei selezionatori di colori e potranno essere consultati negli strumenti di sviluppo. Fare clic su add Aggiungi accanto a Colori aggiuntivi, immettere un codice esadecimale o fare clic sul selezionatore di colori e selezionare un colore. Quindi fare clic su Salva. È possibile aggiungere fino a sedici colori supplementari.
          • Per eliminare un colore aggiuntivo, fare clic su delete Elimina accanto al colore che si desidera rimuovere, quindi fare clic su Salva.

      Brand Kit Colors section, showing options to set primary, secondary, and accent colors.

      Nota bene:

      Se il sito fa riferimento a un colore non impostato nelle impostazioni del branding, utilizzerà una logica di fallback:
      • Il colore secondario verrà impostato come predefinito sul primo colore aggiuntivo disponibile.
      • Il primo colore d'accento viene impostato come predefinito sul secondo colore aggiuntivo.
      • Il secondo colore d'accento verrà impostato come predefinito sul terzo colore aggiuntivo.
      • Il terzo colore d'accento è il quarto colore aggiuntivo.
      • Se non sono stati impostati colori aggiuntivi, verrà utilizzato un valore di colore predefinito. Se non è impostato alcun colore predefinito, verrà utilizzato il colore primario come ripiego.
      • È anche possibile importare i colori da una pagina live che utilizza già i colori del branding:
        • Fare clic su Importazione dei colori da URL.
        • Nella finestra di dialogo, inserire l'URL di una pagina che utilizza i colori del branding e fare clic su Trova colori.
        • Al termine della scansione, deselezionare la casella di controllo accanto ai colori che non si desidera importare, quindi fare clic su Importazione.

      Import Colors from URL: Dialog box to enter a URL to import colors.

      Aggiungere, modificare o eliminare i font

      Nelle impostazioni è possibile impostare font primari, secondari e personalizzati che verranno utilizzati in tutti i contenuti. Per impostare o modificare i font:

      Aggiungere i font

      • Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
      • Nel menu della barra laterale sinistra, fare clic su Identità del brand.
      • Se si utilizza il componente aggiuntivo Brand, fare clic sul menu a discesa in alto a destra e selezionare il Brand di cui si desidera aggiornare il logo.

      Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

      • Nella sezione Kit del brand, fare clic su Caratteri.
      • Per impostare il carattere da utilizzare per il testo del corpo:
        • In Corpo, fare clic sul menu a discesa Seleziona font.
        • Inserire il nome del font nella barra di ricerca o selezionarlo dall'elenco.
        • Fare clic su Aggiorna.
      • Per impostare il tipo di carattere da utilizzare per le intestazioni e il testo di grandi dimensioni:
        • In Primario, fare clic sul menu a discesa Seleziona font.
        • Immettere il nome del font nella barra di ricerca o selezionarlo dall'elenco.
        • Fare clic su Aggiorna.
      • Per impostare un font personalizzato che sarà disponibile nel selettore di font negli editor di contenuto:
        • In Font personalizzati, fare clic su + Aggiungi un font personalizzato.
        • Nel campo Nome font, inserire il nome del font.
        • Fare clic su Scegli file di font.
        • Selezionare i file di font da caricare dal computer. File supportati: TTF, OTF e WOFF.
        • Fare clic su + Carica altri file per aggiungere altri file di font.
        Add custom font interface in HubSpot settings showing font name field and choose font files button.
        • Fare clic su Avanti.
        • Utilizzate i menu a discesa per selezionare lo stile di font corrispondente.

      Custom font style selection dropdown menus in HubSpot settings.

        • Fare clic su + Aggiungi un altro stile di carattere per aggiungere altri stili.
        • Fare clic su Aggiorna.
        • È possibile aggiungere più di un carattere personalizzato. Per aggiungerne un altro, ripetete la procedura.

      Modifica dei caratteri

      Per modificare i font esistenti:

      • Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
      • Nel menu della barra laterale sinistra, fare clic su Identità del brand.
      • Se si utilizza il componente aggiuntivo Brand, fare clic sul menu a discesa in alto a destra e selezionare il Brand di cui si desidera aggiornare il logo.

      Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

      • Nella sezione Kit del brand, fare clic su Caratteri.
      • Per modificare il carattere da utilizzare per il testo del corpo:
        • In Corpo, fare clic sul menu a discesa.
        • Inserire il nome del font nella barra di ricerca o selezionarlo dall'elenco.
        • Fare clic su Aggiorna.
      • Per modificare il carattere che verrà utilizzato per le intestazioni e il testo grande:
        • In Primario, fare clic sul menu a discesa.
        • Immettere il nome del font nella barra di ricerca o selezionarlo dall'elenco.
        • Fare clic su Aggiorna.
      • Per modificare un font personalizzato:
        • In Font personalizzati, accanto al font esistente, fare clic su Azioni, quindi selezionare Modifica.
      Edit custom font option under Actions dropdown in HubSpot settings.
        • Utilizzare i menu a discesa per selezionare lo stile di carattere corrispondente.

      Custom font style selection dropdown menus in HubSpot settings for editing.

        • Fare clic su + Aggiungi un altro stile di carattere per aggiungere altri stili.
        • Fare clic su Aggiorna.

      Eliminare i font personalizzati

      Per eliminare i font personalizzati:

      • Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
      • Nel menu della barra laterale sinistra, fare clic su Identità del brand.
      • Se si utilizza il componente aggiuntivo Branding, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.

      Brand Identity Select Brand: Dropdown menu to select a brand to delete custom fonts.

      • Nella sezione Kit del brand, fare clic su Font.
      • In Font personalizzati, accanto al font esistente, fare clic su Azioni, quindi selezionare Elimina.

      Delete custom font option under Actions dropdown in HubSpot settings.

      • Nella finestra di dialogo, fare clic su Elimina font.

      Cambiare il tema

      Un tema è un insieme di modelli, moduli, contenuti globali e impostazioni di stile che possono essere utilizzati per creare un sito web. È possibile modificare pagine e post utilizzando un tema nell'editor dei contenuti e impostare i modelli del blog in modo che utilizzino un tema nelle impostazioni del blog.

      Tutti gli account hanno accesso ad almeno un tema predefinito di HubSpot. I modelli possono anche essere scaricati dal Marketplace dei modelli.

      Nota bene: le knowledge base utilizzano una versione modificata dei temi. Per saperne di più sulla modifica delle impostazioni dei temi delle knowledge base.

      Per cambiare il tema:

      • Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
      • Nel menu della barra laterale sinistra, fare clic su Identità del brand.
      • Se si utilizza il componente aggiuntivo Branding, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.

      Brand Identity Select Brand: Dropdown to select a brand to change the theme.

      • Nella sezione Kit del brand, fare clic su Tema.
      • Selezionare Cambia tema per scegliere un tema diverso.
          • Verranno visualizzati i temi disponibili. Fare clic su Imposta come tema attivo accanto al tema che si desidera utilizzare per il branding.
          • Fare clic su Visualizza temi nel Marketplace per visualizzare altri temi disponibili per il download.
        • Selezionare Modifica per modificare le impostazioni del tema.
        • Selezionare Anteprima per visualizzare un'anteprima dell'aspetto del tema.
L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.