Personalizzare il tema della Knowledge Base
Ultimo aggiornamento: 12 giugno 2025
Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:
|
È possibile personalizzare l'aspetto della knowledge base selezionando il layout e configurando il tema nell'editor dei temi. È anche possibile vedere come il tema della knowledge base apparirà sui modelli, in diverse lingue e in diverse dimensioni dello schermo.
Prima di iniziare
Prima di iniziare a lavorare con questa funzione, assicuratevi di aver compreso appieno i passi da compiere in anticipo, nonché i limiti della funzione e le potenziali conseguenze del suo utilizzo.
Comprendere i requisiti
Verificare che l'utente disponga di una delle seguenti autorizzazioni:
- Permessi disuper amministratore.
- Permessi perle impostazioni della Knowledge base, permessi per le impostazioni globali dei contenuti e dei temi e una postazione Service Hub. Per saperne di più sulle tariffe di HubSpot basate sulle postazioni.
Comprendere limiti e considerazioni
- Questi strumenti sono disponibili solo per le knowledge base migrate. Per saperne di più sulla migrazione della knowledge base.
- Per le basi di conoscenza che non sono state migrate, saperne di più sulla creazione e la personalizzazione di una base di conoscenza legacy.
- Non è possibile personalizzare la knowledge base nel Design Manager o utilizzare temi personalizzati.
Visualizzare un tema della Knowledge Base
Una volta creata la knowledge base, è possibile visualizzare l'aspetto del tema nell'editor dei temi. È possibile visualizzare l'aspetto del tema su modelli, lingue e dimensioni dello schermo diversi.
- Per visualizzare un modello di knowledge base con contenuti di esempio:
-
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic sul menu a discesa Visualizza su in alto a sinistra e selezionare un modello. Le modifiche al tema saranno applicate a tutti i modelli di knowledge base.
- Per visualizzare un modello di knowledge base in diverse lingue con contenuti di esempio:
-
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic sul menu a discesa Visualizza su in alto a sinistra e selezionare un modello. Le modifiche al tema saranno applicate a tutti i modelli di knowledge base.
- Fare clic sul secondo menu a discesa in alto a sinistra e selezionare una lingua.
- Per visualizzare un modello di knowledge base in diverse dimensioni dello schermo con contenuti di esempio:
-
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic sulle icone del dispositivo nella parte superiore dell'editor, oppure immettere la larghezza dello schermo in pixel.
Modificare gli stili di un tema della knowledge base
È possibile personalizzare gli stili del tema, compresi colori, tipografia, layout, intestazione e piè di pagina.
Modificare i colori di un tema della Knowledge Base
- Per modificare i colori utilizzati nel tema della Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Nell'editor del tema, fare clic sul menu a discesa Colori nella barra laterale sinistra.
- Inserire un valore esadecimale o selezionare un colore dal selezionatore di colori per Primario, Secondario, Accento e Sfondo corpo. I coloridel branding verranno visualizzati per ogni opzione.
- Una volta terminata la modifica dei colori del tema Knowledge base, fare clic su Pubblica tema in alto a destra.
Modificare la tipografia di un tema della knowledge base
- Per modificare la tipografia del tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Nell'editor del tema, fare clic sul menu a discesa Tipografia nella barra laterale sinistra.
- Nelle sezioni Primario e Secondario della barra laterale sinistra, selezionare il font, il colore e lo stile del font (ad esempio, Light, Bold, Regular). Per ogni opzione verranno visualizzati i font e i colori del branding.
- Nelle sezioni Titoli (H1-H6) della barra laterale sinistra, selezionare il font, la dimensione del font, il colore del font, lo stile del font (ad esempio, Light, Bold, Regular) e il caso di trasformazione (ad esempio, Capitalize, Uppercase, Lowercase).
- Nelle sezioni Corpo e Collegamenti nella barra laterale sinistra, selezionare il font di base, la dimensione del font, il colore del font e lo stile del font(ad esempio, Light, Bold, Regular).
- Una volta terminata la modifica della tipografia del tema Knowledge base, fare clic su Pubblica tema in alto a destra.
Modificare il layout di un tema della knowledge base
- Per personalizzare lo stile del layout del tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Nell'editor del tema, fare clic sulla sezione Layout nella barra laterale sinistra.
- Fare clic sull'opzione Layout. Le diverse opzioni di layout supporteranno diverse opzioni di stile.
- Una volta terminata la modifica del layout del tema Knowledge base, fare clic su Pubblica tema in alto a destra.
Modificare gli stili dell'intestazione di un tema della knowledge base
È possibile modificare gli stili dell'intestazione del tema Knowledge base, compresa la larghezza dell'intestazione, la barra superiore, il selettore di lingua, il menu, il pulsante e la barra di ricerca. È inoltre possibile modificare i colori, i caratteri e gli stili di passaggio del mouse all'interno di questi elementi.
- Per modificare la larghezza dell'intestazione nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Intestazione nella barra laterale sinistra.
- Nel campo Larghezza intestazione, selezionare Larghezza intera o Larghezza contenuto.
- Per modificare lo stile della barra superiore dell'intestazione nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Intestazione nella barra laterale sinistra.
-
- Nella sezione Intestazione, fare clic su Barra superiore.
- Nella sezione Barra superiore, selezionare il colore di sfondo nel selezionatore di colori o inserire un valore di codice esadecimale nel campo Colore di sfondo. Per modificare il font, fare clic sul font, sul colore e sullo stile del font per i campi Font base e Font Hover.
- Per modificare lo stile del selettore di lingua dell'intestazione nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Intestazione nella barra laterale sinistra.
-
- Nella sezione Intestazione, fare clic su Commutatore di lingua.
-
- Nella sezione Language Switcher, fare clic su Discese.
- Nella sezione Discese a discesa, fare clic su Sfondo.
- Nella sezione Sfondo, selezionare il colore nel selezionatore di colori o inserire un valore di codice esadecimale per i campi Colore e Hover.
- Per modificare lo stile del menu dell'intestazione nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Intestazione nella barra laterale sinistra.
-
- Nella sezione Intestazione, fare clic su Menu.
- Nella sezione Menu, fare clic su Discesa e quindi su Sfondo o Testo.
- Nella sezione Sfondo, selezionare il colore nel selezionatore di colori o inserire un valore di codice esadecimale per i campi Colore e Hover.
- Nella sezione Testo, selezionare il carattere, il colore e lo stile del carattere.
- Nella sezione Menu, fare clic su Testo o Sfondo:
- Nella sezione Testo, selezionate il font, il colore e lostile del font per i campi Font base e Hover.
- Nella sezione Sfondo, selezionare il colore nel selezionatore di colori o inserire un valore di codice esadecimale per il campo Colore.
- Per modificare lo stile del pulsante dell'intestazione nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Intestazione nella barra laterale sinistra.
- Nella sezione Intestazione, fare clic su Pulsante.
- Nella sezione Pulsante, fare clic su Testo, Sfondo, Bordo, Angolo o Hover.
- Nella sezione Testo, selezionare il font, la dimensione del font, il colore del font, lo stile del font (ad esempio, Leggero, Grassetto, Normale) e il caso di trasformazione (ad esempio, Maiuscolo, Maiuscolo, Minuscolo).
- Nella sezione Sfondo, selezionare il colore nel selezionatore di colori o inserire un valore di codice esadecimale nel campo Colore.
- Nella sezione Bordo, selezionare uno stile di bordo nel campo Stile.
- Per modificare lo stile hover, fare clic su Hover e quindi su Testo, Sfondo o Bordo.
- Nella sezione Testo, selezionare il font, la dimensione del font, il colore del font, lo stile del font (ad esempio, Leggero, Grassetto, Normale) e il caso di trasformazione (ad esempio, Maiuscolo, Maiuscolo, Minuscolo).
- Nella sezione Sfondo, selezionare il colore nel selezionatore di colori o inserire un valore di codice esadecimale nel campo Colore.
- Nella sezione Bordo, selezionare uno stile di bordo nel campo Stile.
- Per modificare lo stile della barra di ricerca dell'intestazione nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Intestazione nella barra laterale sinistra.
- Nella sezione Intestazione, fare clic su Barra di ricerca.
- Nella sezione Barra di ricerca, fare clic su Sfondo, Etichetta o Input.
- Nella sezione Sfondo, selezionare il tipo di sfondo e scegliere un colore nel selezionatore di colori o inserire un valore di codice esadecimale.
- Nella sezione Testo etichetta, selezionare il tipo di carattere, la dimensione del carattere, il colore del carattere e lo stile del carattere (ad esempio, Leggero, Grassetto, Normale).
- Nella sezione Input, selezionare un colore nel selezionatore di colori o inserire un valore di codice esadecimale per i campi Colore testo, Colore pulsante e Colore icona .
- Una volta terminata la modifica degli stili di intestazione del tema Knowledge base, fare clic su Pubblica tema in alto a destra.
Modificare gli stili del piè di pagina di un tema della Knowledge base
È possibile modificare gli stili del piè di pagina del tema Knowledge base, compresi larghezza, sfondo, menu, testo e icone social. È inoltre possibile modificare i colori, i caratteri e gli stili di passaggio del mouse all'interno di questi elementi.
- Per modificare la larghezza del piè di pagina nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Piè di pagina nella barra laterale sinistra.
- Nella sezione Piè di pagina, fare clic su Larghezza intera o Larghezza contenuto.
- Per modificare lo sfondo del piè di pagina nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Piè di pagina nella barra laterale sinistra.
- Nella sezione Piè di pagina, selezionare un colore nel selezionatore di colori o inserire un valore di codice esadecimale nel campo Sfondo.
- Per modificare lo stile del menu a piè di pagina nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Piè di pagina nella barra laterale sinistra.
- Nella sezione Piè di pagina, fare clic su Menu.
- Selezionare il font, il colore del font e lo stile del font (ad esempio, Light, Bold, Regular) nei campi Base font e Hover font.
- Per modificare lo stile del testo del piè di pagina nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Piè di pagina nella barra laterale sinistra.
- Nella sezione Piè di pagina, fare clic su Testo.
- Selezionare il font, la dimensione, il colore e lo stile del font (ad esempio, Light, Bold, Regular) nel campo Font.
- Per modificare lo stile dell'icona social del piè di pagina nel tema Knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
- Fare clic su Piè di pagina nella barra laterale sinistra.
- Nella sezione Piè di pagina, fare clic su Icone social.
- Per modificare le dimensioni delle icone social, fare clic sul menu a discesa Dimensione icona e selezionare Piccola, Regolare o Grande.
- Per modificare la forma delle icone social, fare clic sul menu a discesa Forma dell'icona e selezionare Cerchio o Quadrato.
- Per modificare il colore delle icone social, selezionare il colore nel selezionatore di colori o inserire un valore di codice esadecimale nel campo Colore icona.
- Per modificare il colore di sfondo delle icone social, selezionare il colore nel selezionatore di colori o inserire un valore di codice esadecimale nel campo Sfondo.
- Per modificare l'allineamento delle icone social, fare clic sulle icone blockAlignmentLeftIcon Allinea a sinistra, blockAlignmentCenterIcon Allinea al centro o blockAlignmentRightIcon Allinea a destra nel campo Allineamento.
- Una volta terminata la modifica degli stili del piè di pagina del tema Knowledge base, fare clic su Pubblica tema in alto a destra.
Modificare il contenuto dell'intestazione di una knowledge base
È possibile modificare il contenuto dell'intestazione della knowledge base, compresi il logo, il menu, il pulsante, il selettore di lingua e le opzioni di supporto aggiuntive. Le modifiche saranno visibili in tutte le pagine della Knowledge Base.
- Per modificare il contenuto del logo dell'intestazione di una knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Intestazione.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree dei contenuti nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo Intestazione sito web.
- Nel modulo Intestazione sito web, fare clic su Logo.
- Per sovrascrivere il logo predefinito, attivare l'interruttore Sovrascrivi logo predefinito o fare clic su Modifica logo predefinito in questo dominio per aggiornare il logo predefinito.
- Se si è scelto di sovrascrivere il logo predefinito, è possibile fare clic su Carica o Sfoglia immagini per aggiungere un nuovo logo.
- Fare clic su Applica opzioni in basso a sinistra nell'editor della barra laterale per visualizzare le modifiche apportate.
- Per modificare il contenuto del menu di intestazione di una knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Intestazione.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree dei contenuti nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo Intestazione sito web.
- Nel modulo Intestazione sito web, fare clic su Menu.
- Per visualizzare un menu di intestazione, fare clic sul menu a discesa Menu e selezionare un menu.
- Per modificare un menu di intestazione esistente, fare clic su Modifica nel campo Menu.
- Per creare un nuovo menu di intestazione, fare clic su Crea nuovo nel campo Menu.
- Per modificare il numero di figli della struttura del menu che possono essere visualizzati nel menu di intestazione, utilizzare le icone upIcon per aumentare e downIcon per diminuire nel campo Livelli massimi.
- Fare clic su Applica opzioni in basso a sinistra nell'editor della barra laterale per visualizzare le modifiche apportate.
- Per modificare il contenuto del pulsante di intestazione di una knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Intestazione.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo Intestazione sito web.
- Nel modulo Intestazione sito web, fare clic su Pulsante.
- Per aggiungere un pulsante all'intestazione, selezionare la casella di controllo Aggiungi pulsante.
- Per modificare il testo del pulsante nell'intestazione, inserire il testo nel campo Testo pulsante.
- Per modificare il link all'URL a cui il pulsante indirizza i visitatori, fare clic sul menu a discesa Link to e selezionare l'opzione del link.
- Per far sì che il link all'URL si apra in una nuova finestra, attivare l'interruttore Apri link in una nuova finestra.
- Per modificare il tipo di link, selezionare la casella di controllo accanto ai campi Non seguire o Aggiungi icona.
- Fare clic su Applica opzioni in basso a sinistra nell'editor della barra laterale per visualizzare le modifiche apportate.
- Per modificare l'intestazione di una knowledge base per il contenuto del commutatore di lingua:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Intestazione.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo Intestazione sito web.
- Nel modulo Intestazione sito web, fare clic su Commutatore di lingua.
- Per aggiungere il commutatore di lingua all'intestazione, selezionare la casella di controllo accanto al campo Aggiungi commutatore di lingua.
- Per modificare la modalità di visualizzazione del commutatore di lingua, fare clic sul menu a discesa Modalità di visualizzazione e selezionare Localizzato, PageLang o Ibrido.
- Fare clic su Applica opzioni in basso a sinistra nell'editor della barra laterale per visualizzare le modifiche apportate.
- Per modificare l'intestazione di una knowledge base per il contenuto delle opzioni di supporto aggiuntive:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Intestazione.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree dei contenuti nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo Intestazione sito web.
- Nel modulo Intestazione sito web, fare clic su Opzioni di supporto aggiuntive.
- Per mostrare un link al portale clienti, attivare l'interruttore Mostra link al portale clienti.
- Nel campo di testo Portale clienti, inserire il testo che si desidera visualizzare.
- Per mostrare un accesso per contenuti riservati, attivare l'interruttore Mostra accesso per contenuti riservati.
- Nei campi Testo del link di accesso e Testo del link di uscita, inserire il testo che si desidera visualizzare.
- Fare clic su Applica opzioni in basso a sinistra nell'editor della barra laterale per visualizzare le modifiche.
- Una volta terminata la modifica del contenuto dell'intestazione della Knowledge Base, fare clic su Pubblica nelle risorse [#] in alto a destra.
Modifica del contenuto del piè di pagina di una knowledge base
È possibile modificare il contenuto del piè di pagina della knowledge base, compresi il menu, il logo, l'indirizzo del piè di pagina, il social follow e le opzioni di copyright del piè di pagina. Le modifiche saranno visibili in tutte le pagine della knowledge base.
- Per modificare il contenuto del menu a piè di pagina di una knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Piè di pagina.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo del menu Piè di pagina .
- Per visualizzare un menu a piè di pagina, fare clic sul menu a discesa Menu e selezionare un menu.
- Per modificare un menu a piè di pagina esistente, fare clic su Modifica nel campo Menu.
- Per creare un nuovo menu a piè di pagina, fare clic su Crea nuovo nel campo Menu.
- Per modificare il numero di figli della struttura del menu che possono essere visualizzati nel menu a piè di pagina, utilizzare le icone upIcon per aumentare e downIcon per diminuire nel campo Livelli massimi.
- Per mostrare un menu a piè di pagina, selezionare la casella di controllo nel campo Mostra menu.
- Fare clic su Applica opzioni in basso a sinistra nell'editor della barra laterale per visualizzare le modifiche apportate.
- Per modificare il contenuto del logo a piè di pagina di una knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Piè di pagina.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo Logo.
- Per sovrascrivere il logo predefinito del piè di pagina, attivare l'interruttore Sovrascrivi logo predefinito o fare clic su Modifica logo predefinito in questo dominio per aggiornare il logo predefinito.
- Se si è scelto di sovrascrivere il logo predefinito del piè di pagina, è possibile fare clic su Carica o Sfoglia immagini per aggiungere un nuovo logo.
- Per personalizzare il caricamento del logo del piè di pagina, fare clic sul menu a discesa Caricamento immagine e selezionare Browser default, Lazy o Eager.
- Per aggiungere un URL di collegamento al logo del piè di pagina, inserire il testo dell'URL nel campo URL di collegamento.
- Fare clic su Applica opzioni in basso a sinistra nell'editor della barra laterale per visualizzare le modifiche apportate.
- Per modificare il contenuto dell'indirizzo a piè di pagina di una knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Piè di pagina.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo dell'indirizzo del piè di pagina e poi su Modifica nella vista espansa.
- Nell'editor globale dei contenuti, inserire il testo dell'indirizzo del piè di pagina.
- Per modificare il contenuto del follower di una knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Piè di pagina.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo Social follow .
- Nella sezione Social link, fare clic sull'icona editIcon modifica o deleteIcon eliminazione per modificare o eliminare un social link esistente. Per aggiungere un collegamento social, fare clic sul pulsante + Aggiungi .
- Per mostrare le icone dei social follow, selezionare la casella di controllo accanto al campo Mostra icone.
- Per modificare il contenuto del copyright a piè di pagina di una knowledge base:
- Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
- In alto a destra, fare clic sul menu a discesa Configura e selezionare Piè di pagina.
- Nell'editor globale dei contenuti, fare clic sull'icona siteTree nella barra laterale sinistra.
- Nella barra laterale sinistra, fare clic sul modulo del copyright del piè di pagina e poi su Modifica nella vista espansa.
- Nell'editor globale dei contenuti, inserire il testo per il copyright del piè di pagina.
- Una volta terminata la modifica del contenuto del piè di pagina della Knowledge Base, fare clic su Pubblica nelle risorse [#] in alto a destra.