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, il favicon e i colori del branding

Ultimo aggiornamento: gennaio 27, 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 e i colori del marchio nel kit del brand.

Nota bene: è possibile creare un Kit del brand per ogni account. Se si dispone del componente aggiuntivo Business Unit, è possibile creare un kit del brand per business unit.

Nelle impostazioni, impostare il valore logo e favicone i colori primari, secondari, d'accento e aggiuntivi del branding. I colori del branding appariranno nell'editor dei contenuti, nelle pagine di pianificazione, nei preventivi e nei canali di conversione, ma non nei modelli di vendita e nelle e-mail.

Modifica del 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 Predefiniti account.
  • Fare clic sulla scheda Branding .
  • Fare clic sul Kit del branding che si desidera modificare.
  • Per aggiungere un nuovo logo, fare clic su + Aggiungi nella sezione Loghi.
  • Aggiungere il 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 Testo alt del logo , inserire una descrizione del logo per i motori di ricerca e gli screen reader. Questo migliorerà l' accessibilità e la SEO del vostro sito. Per saperne di più sull'accessibilità dei siti web, consultare la documentazione per sviluppatori di HubSpot.
  • Nel campo URL del logo , inserire un URL se si desidera che il logo sia cliccabile.
  • Per ridimensionare il logo, inserite una nuova dimensione nel campo Larghezza o Dimensione . L'altro campo si regolerà automaticamente per mantenere le proporzioni dell'immagine.
  • Per aggiungere un altro logo, fare clic su + Aggiungi in fondo alla sezione Loghi .
  • Per eliminare un'immagine esistente, passare il mouse sull'immagine e fare clic sulla X nell 'angolo in alto a destra. Per eliminare un logo, fare clic sul menu a discesa Azioni e selezionare Elimina.
edit-logo
  • Una volta terminata la modifica del logo, fare clic su Salva in basso a sinistra.
È possibile sovrascrivere un logo predefinito per un contenuto specifico nel file redattore di contenuti o Design Manager. Nella Logo modulo, cper attivare la funzione Sovrascrivere il logo predefinito accendere, quindi caricare un logooverride-default-logo-in-content-editor

Modificare il proprio Favicon

Nelle impostazioni dell'account, è possibile personalizzare la favicon del proprio 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 in HubSpot.

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

  • 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 Predefiniti account.
  • Fare clic sulla scheda Branding .
  • Fare clic sul Kit del branding.
  • Per aggiungere una nuova favicon, fare clic su + Aggiungi nella sezione Favicon .
  • Aggiungere la nuova favicon:
    • Per aggiungere come favicon un'immagine esistente dallo strumento File, fare clic su Sfoglia immagini. Nel pannello di destra, fare clic sull'immagine.
    • Per aggiungere una nuova immagine come favicon, fare clic su Carica, quindi aggiungere un'immagine dal computer. Per ottenere risultati ottimali, salvare la favicon come immagine di 48 x 48 px in uno dei seguenti formati: .ico, .gif, .png.
  • Nel campo Nome Favicon, inserire il nome della favicon.

add-favicon

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

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 appaiono 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 Predefiniti account.
  • Fare clic sulla scheda Branding .
  • Fare clic sul Kit del branding.
  • Nella sezione Kit del brand , fare clic sulla scheda 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.

branding-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 Importa 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 Importa.

import-colors

L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.