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 marchio.
Nelle impostazioni, è possibile impostare il
logo e la favicon, nonché i colori primari, secondari, d'accento e aggiuntivi del marchio. I colori del marchio appariranno nell'editor dei contenuti, nelle pagine di pianificazione, nei preventivi e nei canali di conversazione, ma non nei modelli di vendita e nelle e-mail.
Modificare il logo
Nelle impostazioni dell'account è possibile modificare il logo predefinito. È possibile modificare questo logo per i singoli contenuti.
- Nel menu della barra laterale sinistra, fare clic su Impostazioni predefinite dell'account.
- Fare clic sulla scheda Branding .
- Fare clic sul kit del marchio 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 Logo URL , inserire un URL se si desidera che il logo sia cliccabile.
- Per ridimensionare il logo, inserite una nuova dimensione nel campo Larghezza o Altezza . 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.
- Una volta terminata la modifica del logo, fare clic su Salva in basso a sinistra.
È possibile sovrascrivere un logo predefinito per un contenuto specifico nell'
editor dei contenuti o in
Design Manager. Nel
modulo
Logo
, fare clicper attivare l'interruttore
Sovrascrivi logo predefinito, quindi caricare un
logo.
Modifica della 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 in HubSpot.
- Nel menu della barra laterale sinistra, fare clic su Impostazioni predefinite dell'account.
- Fare clic sulla scheda Branding .
- Fare clic sul brand kit che si desidera modificare.
- Per aggiungere una nuova favicon, fare clic su + Aggiungi nella sezione Favicon .
- Aggiungere la nuova favicon:
- Per aggiungere un'immagine esistente dallo strumento file come favicon, 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.
Nota bene: per ottenere risultati ottimali, salvare la favicon come immagine di 48 x 48 px in uno dei seguenti formati di file: .ico, .gif, .png.
- Nel campo Nome favicon, inserire il nome della favicon.
- Una volta terminata la modifica della favicon, fare clic su Salva in basso a sinistra.
Modifica dei colori del marchio
Nelle impostazioni è possibile impostare i colori del marchio che appariranno nell'editor dei contenuti, oltre che nelle pagine di pianificazione, nei preventivi e nei canali di conversazione. I colori del marchio non appariranno nei modelli di vendita e nelle e-mail.
- Nel menu della barra laterale sinistra, fare clic su Impostazioni predefinite dell'account.
- Fare clic sulla scheda Branding .
- Fare clic sul brand kit che si desidera modificare.
- Nella sezione Kit del marchio , fare clic sulla scheda Colori .
- Per impostare i colori del marchio:
- Colore primario: il colore principale utilizzato nel marchio. 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 marchio. 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 marchio. In corrispondenza di Accent color, inserire un codice esadecimale o fare clic sul selezionatore di colori e selezionare un colore. È 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.
Nota bene:
Se il sito fa riferimento a un colore non impostato nelle impostazioni del marchio, 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 attiva che utilizza già i colori del marchio:
- Fare clic su Importa colori da URL.
- Nella finestra di dialogo, inserire l'URL di una pagina che utilizza i colori del marchio 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.