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

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 solo Kit del brand per account. Se si dispone del componente aggiuntivo Branding, è possibile creare un Kit del brand per ogni Brand.

Aggiungere o modificare il logo

Nella scheda Panoramica del branding è possibile modificare il logo predefinito. È possibile sovrascrivere questo logo per i singoli contenuti. 

1. Nel tuo account HubSpot, passa a Contenuti > Brand.
2. Se si utilizza il componente aggiuntivo Brands, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.
   
   
3. Nella sezione Kit del brand , fare clic su Loghi.
4. Nel pannello di destra, 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. 
  • Fare clic sul menu a tendina Dominio del logo e selezionare un dominio specifico per il logo, se non si desidera utilizzare il dominio predefinito.
  • 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 vostro sito. Per saperne di più sull'accessibilità dei siti web, consultate 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, inserire una nuova dimensione nel campo Larghezza o Altezza . L'altro campo si regolerà automaticamente per mantenere le proporzioni dell'immagine.
  • Se si desidera che questo logo sia quello predefinito, fare clic sulla casella di controllo Make this my default logo .
  • Per eliminare un logo, fare clic su Elimina.
  • Per aggiungere un altro logo, fare clic su + Aggiungi un altro logo in basso.
    
    

• • Una volta terminata la modifica del logo, fare clic su Aggiorna.

Aggiungere o modificare la propria favicon

Nella scheda Brand Overview è possibile personalizzare la favicon del sito web, la piccola immagine che compare in una scheda del browser accanto al titolo della pagina. Il vostro favicon sarà applicato solo ai contenuti ospitati su HubSpot. 

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

1. Nel tuo account HubSpot, passa a Contenuti > Brand..
2. Se si utilizza il componente aggiuntivo Brands, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.
   
   
3. Nella sezione Kit del brand , fare clic su Favicon. 
4. Nel pannello di destra, aggiungete la nuova favicon:
   
   • Per aggiungere come logo un'immagine esistente dallo strumento File, fare clic su Sfoglia immagini. Quindi, fare clic sull' immagine. 
   • Per aggiungere una nuova immagine, fare clic su Carica, quindi aggiungere un'immagine dal computer. 
5. Nel campo Nome Favicon , inserire un nome per la favicon. 
6. Per rendere la favicon predefinita, selezionare la casella di controllo Make this my default favicon .
7. Per aggiungere un altro logo, fare clic su + Aggiungi un'altra favicon.
8. Per eliminare un'immagine esistente, fare clic su Elimina.
   
   
   
9. Una volta terminata la modifica della favicon, fare clic su Aggiorna.

Aggiungere o modificare i colori del branding

È possibile impostare i colori del brand nella scheda Panoramica del Branding che apparirà 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. 

1. Nel tuo account HubSpot, passa a Contenuti > Brand.
2. Se si utilizza il componente aggiuntivo Brands, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.
   
   
3. Nella sezione Kit del brand , fare clic su Colori.
4. Per impostare i colori del branding, nel pannello di destra:
   
   • Per importare i colori da un URL, fare clic su Importazione 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. 
     • Trascinare e rilasciare i colori che si desidera utilizzare accanto al colore a cui si desidera assegnarli. Ad esempio, trascinare #754262 nella sezione Colore primario .
       
       
   • Per inserire il codice esadecimale o selezionare i colori:
     • 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. 
     • Colore secondario: il secondo colore più utilizzato nel vostro brand. In Colore secondario, inserire un codice esadecimale o fare clic sul selezionatore di colori e selezionare un colore.
     • Colori d'accento: colori che completano i colori primari e secondari del branding. In Colore accento, inserire un codice esadecimale o fare clic sul selezionatore di colori e selezionare un colore. 
     • Colori aggiuntivi: questi colori non vengono utilizzati automaticamente, ma saranno disponibili nei selezionatori di colori e potranno essere utilizzati negli strumenti di sviluppo. Fare clic su add Aggiungi accanto a Colori aggiuntivi, inserire un codice esadecimale o fare clic sul selezionatore di colori e selezionare un colore. Per eliminare un colore aggiuntivo, fare clic su Elimina.

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 del tema Knowledge base.

Per cambiare il tema:

1. Nel tuo account HubSpot, passa a Contenuti > Brand.
2. Se si utilizza il componente aggiuntivo Brands, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.
3. Nella sezione Kit del brand , fare clic su Tema.
   
   

• • Selezionare Imposta tema o Cambia tema per selezionare un tema diverso.
    
    • Verranno visualizzati i temi disponibili. Fare clic su Imposta come tema attivo accanto al tema che si desidera utilizzare per il proprio brand. 
    • Inserire il nome di un tema nella barra di ricerca per cercare un tema.

• • • Fare clic su Visualizza temi nel Marketplace per visualizzare altri temi disponibili per il download.
    • Selezionare Anteprima per vedere in anteprima l'aspetto del tema.
  • Selezionare Modifica per modificare le impostazioni del tema.

Aggiungere, modificare o eliminare i font

Nella scheda Panoramica del branding è possibile impostare font primari, secondari e personalizzati che verranno utilizzati in tutti i contenuti. 

Aggiungere i font

1. Nel tuo account HubSpot, passa a Contenuti > Brand.
2. Se si utilizza il componente aggiuntivo Brands, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.
   
   
3. Nella sezione Kit del brand , fare clic su Font.
   
   

• • Per impostare il carattere da utilizzare per il testo del corpo:
    • In Corpo, fare clic sul menu a discesa Seleziona font .
    • Immettere il nome del font nella barra di ricerca o selezionarlo dall'elenco.

• • Per impostare il carattere da utilizzare per le intestazioni e il testo di grandi dimensioni:
    • In corrispondenza di Primary, fare clic sul menu a discesa Select font .
    • Immettere il nome del font nella barra di ricerca o selezionarlo dall'elenco.

• • Per impostare un font personalizzato che sarà disponibile nel selettore di font negli editor di contenuti:
    
    
    • In Caratteri personalizzati, fare clic su + Aggiungi un carattere 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. Formati di file supportati: TTF, OTF e WOFF.
    • Fare clic su + Carica altri file per aggiungere altri file di font.
    • Fai clic su Avanti.
    • Utilizzare i menu a discesa per selezionare lo stile di carattere corrispondente.
    • 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, ripetere la procedura .

Modificare o eliminare i font personalizzati

Per modificare i font personalizzati:

1. Nel tuo account HubSpot, passa a Contenuti > Brand.
2. Se si utilizza il componente aggiuntivo Brands, fare clic sul menu a discesa in alto a destra e selezionare il Brand per il quale si desidera aggiornare il logo.
   
   
3. Nella sezione Kit del brand , fare clic su Font.

• • In Font personalizzati, accanto al font esistente, fare clic su Azioni, quindi selezionare Modifica o Elimina.

• • Utilizzare i menu a discesa per selezionare lo stile di carattere corrispondente.

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