Personalizzare il tema della knowledge base

È 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 bene quali sono i passi da compiere in anticipo, nonché i limiti della funzione e le potenziali conseguenze del suo utilizzo.

Comprendere i requisiti

• Autorizzazioni diSuper Admin.
• Autorizzazione perle impostazioni della Knowledge Base, Autorizzazione per le impostazioni globali dei contenuti e dei temi e un posto Service Hub assegnato. Per saperne di più sui prezzi basati sulla sede di HubSpot.

Comprendere le limitazioni e le considerazioni

• Questi strumenti sono disponibili solo per le basi di conoscenza migrate. Per saperne di più sulla migrazione della vostra 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 base di conoscenza 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 in diversi modelli, lingue e dimensioni dello schermo.

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Per visualizzare un modello con contenuti di esempio, 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 della knowledge base.

4. Per visualizzare un modello in diverse lingue, fare clic sul secondo menu a discesa in alto a sinistra e selezionare una lingua.

5. Per visualizzare la visualizzazione di un modello su diversi dispositivi, fare clic sulle icone dei dispositivi nella parte superiore dell'editor o inserire la larghezza dello schermo in pixel.

Modificare i colori, la tipografia e il layout di un tema della knowledge base

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Per modificare i colori di un tema, fare clic per espandere la sezione Colori. Immettere quindi un valore esadecimale o selezionare un colore dal selezionatore di colori per icampi Primario, Secondario, Accento e Sfondo corpo . I colori del marchio verranno visualizzati per ogni opzione.
4. Per modificare la tipografia di un tema, fare clic su Tipografia:
   • Nelle sezioni Primario e Secondario, fare clicsul menu a discesa del carattere e selezionare un carattere. Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare un colore di carattere. Le ulteriori opzioni di stile del carattere (ad esempio, peso del carattere, dimensione del carattere o caso di trasformazione) dipendono dal carattere selezionato.
   • Per modificare la tipografia dell'intestazione, del corpo o del collegamento, fare clic per espandere le sezioni Intestazione (H1-H6), Corpo o Collegamento:
     • Fare clic sul menu a discesa del font e selezionare un font. Le opzioni aggiuntive di stile del carattere (ad esempio, peso del carattere, dimensione del carattere o caso di trasformazione) dipendono dal carattere selezionato.
     • Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
5. Per modificare il layout di un tema, fare clic per espandere la sezione Layout e selezionare un'opzione (ad esempio, Tiles o Minimal). Opzioni di layout diverse supporteranno opzioni di stile diverse.
6. Al termine, 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 della 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.

Larghezza dell'intestazione

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Intestazione nella barra laterale sinistra.
4. Nella sezione Intestazione, selezionare Larghezza intera o Larghezza contenuto.

Barra superiore dell'intestazione

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Intestazione nella barra laterale sinistra.
4. Nella sezione Intestazione, fare clic per espandere la sezione Barra superiore.
5. Per modificare il colore di sfondo, inserire un valore di codice esadecimale o selezionare un colore di sfondo nel selezionatore di colori per il campo Colore di sfondo.
6. Fare clic sul menu a discesa del font e selezionare un font. Le opzioni aggiuntive di stile del carattere (ad esempio, peso del carattere, dimensione del carattere o caso di trasformazione) dipendono dal carattere selezionato.
7. Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
8. Al termine, fare clic su Pubblica tema in alto a destra.

Commutatore di lingua dell'intestazione

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Intestazione nella barra laterale sinistra.
4. Nella sezione Intestazione, fare clic su Commutatore di lingua.
5. Nella sezione Language Switcher, fare clic su Drop downs.
6. Fare clic per espandere la sezione Sfondo.
7. Inserire un valore di codice esadecimale o selezionare un colore nel selezionatore di colori per i campi Colore e Hover.
8. Per modificare la trasparenza, inserire un valore percentuale nel secondo campo. Ad esempio, una trasparenza del 100% sarà opaca, mentre una trasparenza dello 0% non sarà visibile.
9. Al termine, fare clic su Pubblica tema in alto a destra.

Menu dell'intestazione

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Intestazione nella barra laterale sinistra.
4. Nella sezione Intestazione, fare clic su Menu.
5. Per modificare gli stili dei menu a tendina, fare clic su Menu a tendina:
   • Fare clic per espandere la sezione Sfondo e inserire un valore di codice esadecimale o selezionare un colore nel selezionatore di colori per i campi Colore e Hover. Per modificare la trasparenza, inserire un valore percentuale nel secondo campo.
     
   • Fare clic per espandere la sezione Testo. Fare clic sul menu a discesa del font e selezionare un font. Le opzioni aggiuntive di stile del carattere (ad esempio, peso del carattere, dimensione del carattere o caso di trasformazione) dipendono dal carattere selezionato.
   • Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
6. Per modificare lo stile del testo del font, fare clic per espandere la sezione Testo:
   • Fare clic sul menu a discesa del font e selezionare un font. Le opzioni aggiuntive di stile del carattere (ad esempio, peso del carattere, dimensione del carattere o caso di trasformazione) dipendono dal carattere selezionato.
   • Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
7. Per modificare il colore dello sfondo, fare clic su per espandere la sezione Sfondo, quindi inserire un valore di codice esadecimale o selezionare un colore nel selezionatore di colori.
8. Al termine, fare clic su Pubblica tema in alto a destra.

Pulsanti dell'intestazione

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Intestazione nella barra laterale sinistra.
4. Nella sezione Intestazione, fare clic su Pulsante.
5. Per modificare il carattere, fare clic per espandere la sezione Testo:
   • Fare clic sul menu a discesa del font e selezionare un font. Le opzioni aggiuntive di stile del carattere (ad esempio, peso del carattere, dimensione del carattere o trasformazione in lettere maiuscole) dipendono dal carattere selezionato.
   • Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
6. Per modificare lo sfondo, fare clic per espandere la sezione Sfondo e inserire un valore di codice esadecimale o selezionare un colore nel selezionatore di colori. Per modificare la trasparenza, inserire un valore percentuale.
7. Per modificare lo stile del bordo, fare clic per espandere la sezione Bordo, fare clic sul menu a discesa Stile e selezionare uno stile di bordo (ad esempio, tratteggiato).
8. Per modificare lo stile dell'angolo, fare clic per espandere la sezione Angolo. Inserire un valore in pixel (ad esempio, 30px) nel campo Raggio.
9. Per modificare lo stile hover, fare clic su Hover:
   • Fare clic per espandere la sezione Testo.
     • Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare un colore di carattere.
     • Per applicare gli stili di testo dei caratteri, selezionare l' icona italicizeIcon corsivo o l'icona underlineIcon sottolineato.
   • Fare clic per espandere la sezione Sfondo e inserire un valore di codice esadecimale o selezionare un colore nel selezionatore di colori. Per modificare la trasparenza, inserire un valore percentuale.
   • Fare clic per espandere la sezione Bordo e fare clic sul menu a discesa Stile per selezionare uno stile di bordo (ad esempio, tratteggiato).
10. Al termine, fare clic su Pubblica tema in alto a destra.

Barra di ricerca dell'intestazione

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Intestazione nella barra laterale sinistra.
4. Nella sezione Intestazione, fare clic su Barra di ricerca.
5. Per modificare lo sfondo, fare clic per espandere la sezione Sfondo: quindi fare clic sul menu a discesa Tipo di sfondo per selezionare un'opzione (ad esempio, Colore, Immagine o Gradiente). A seconda del tipo di sfondo selezionato, verranno visualizzate altre opzioni di stile.
6. Per modificare gli stili del testo dell'etichetta, fare clic per espandere la sezione Testo dell'etichetta :
   • Fare clic sul menu a discesa del font e selezionare un font. Le opzioni aggiuntive di stile del carattere (ad esempio, peso del carattere, dimensione del carattere o maiuscole e minuscole) dipendono dal tipo di carattere selezionato.
   • Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
7. Per modificare lo stile del carattere di input, fare clic su per espandere la sezione Input, quindi inserire un valore di codice esadecimale o fare clic sul selezionatore di colori per selezionare un colore. Per modificare la trasparenza, inserire un valore percentuale.
8. Al termine, 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 della knowledge base, compresi la larghezza del piè di pagina, lo sfondo, il menu, il testo e le icone sociali. È anche possibile modificare i colori, i caratteri e gli stili di passaggio del mouse all'interno di questi elementi.

Larghezza e sfondo del piè di pagina

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Piè di pagina nella barra laterale sinistra.
4. Per modificare la larghezza del piè di pagina, selezionare Larghezza intera o Larghezza contenuto nel campo Larghezza piè di pagina.
5. Per modificare il colore di sfondo del piè di pagina, inserire un valore di codice esadecimale o fare clic sul selezionatore di colori per selezionare un colore.

Menu piè di pagina

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Piè di pagina nella barra laterale sinistra.
4. Nella sezione Piè di pagina, fare clic per espandere la sezione Menu .
5. Per modificare gli stili dei caratteri del menu, fare clic sul menu a discesa dei caratteri e selezionare un carattere. Le opzioni aggiuntive di stile del carattere (ad esempio, peso del carattere, dimensione del carattere, o caso di trasformazione) dipendono dal carattere selezionato.
6. Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
7. Al termine, fare clic su Pubblica tema in alto a destra.

Testo del piè di pagina

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Piè di pagina nella barra laterale sinistra.
4. Nella sezione Piè di pagina, fare clic per espandere la sezione Testo .
5. Per modificare gli stili dei caratteri del menu, fare clic sul menu a discesa dei caratteri e selezionare un carattere. Le opzioni aggiuntive di stile del carattere (ad esempio, peso del carattere, dimensione del carattere o trasformazione delle maiuscole) dipendono dal carattere selezionato.
6. Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
7. Al termine, fare clic su Pubblica tema in alto a destra.

Icone sociali a piè di pagina

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
3. Fare clic su Piè di pagina nella barra laterale sinistra.
4. Nella sezione Piè di pagina, fare clic per espandere la sezione Icone sociali .
5. Per modificare le dimensioni delle icone sociali, fare clic sul menu a discesa Dimensione icona e selezionare un'opzione (ad esempio, Piccola, Normale o Grande).
6. Per modificare la forma delle icone sociali, fare clic sul menu a discesa Forma dell'icona e selezionare un'opzione (ad esempio, Cerchio o Quadrato).
7. Per modificare il colore delle icone sociali, inserire un valore di codice esadecimale o fare clic sul selezionatore di colori per selezionare un colore nel campo Colore icona.
8. Per modificare il colore di sfondo delle icone sociali, inserire un valore di codice esadecimale o fare clic sul selezionatore di colori per selezionare un colore nel campo Sfondo. Per modificare la trasparenza, inserire un valore percentuale.
9. Per modificare l'allineamento delle icone sociali, fare clicsu blockAlignmentLeftIcon Allineamento a sinistra, blockAlignmentCenterIcon Allineamento al centro o blockAlignmentRightIcon Allineamento a destra nel campo Allineamento.
10. Al termine, fare clic su Pubblica tema in alto a destra.

Modificare il contenuto di un tema della knowledge base

È possibile modificare il contenuto dell'intestazione e del piè di pagina della knowledge base. Le modifiche pubblicate saranno visibili in tutte le pagine della knowledge base.

Contenuto dell'intestazione

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Intestazione.
3. Nell'editor globale dei contenuti, fare clic sull'icona siteTree contents nella barra laterale sinistra.
4. Nella barra laterale sinistra, fare clic sul modulo Intestazione del sito web.
5. Per modificare il contenuto del logo dell'intestazione, fare clic per espandere la sezione 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 sostituire il logo predefinito, è possibile fare clic su Carica o Sfoglia immagini per aggiungere un nuovo logo.
   • Per mostrare il nome dell'azienda quando il logo non è impostato, attivare l'interruttore Mostra nome azienda quando il logo non è impostato.
   • Per aggiungere un link URL al logo, inserire un URL nel campo Link.
   • Fare clic su Applica opzioni per visualizzare le modifiche.
6. Per modificare il contenuto del menu dell'intestazione, fare clic per espandere la sezione 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.
   • Per creare un nuovo menu di intestazione, fare clic su Crea nuovo.
   • 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 per visualizzare le modifiche.
7. Per modificare il contenuto del pulsante di intestazione, 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 collegamento all'URL del pulsante, fare clic sul menu a discesa Collegamento a e selezionare un'opzione (ad esempio, Esterno). A seconda dell'opzione selezionata, verranno visualizzati altri campi.
   • Per far sì che il link all'URL del pulsante si apra in una nuova finestra, attivare l'interruttore Apri link in una nuova finestra.
   • Per modificare il tipo di link del pulsante, selezionare la casella di controllo accanto a No follow.
   • Per aggiungere un'icona al pulsante, selezionare la casella di controllo Aggiungi icona:
     • Fare clic su Sostituisci per modificare l'icona del pulsante.
     • Fare clic sul menu a discesa Posizione e selezionare la posizione dell'icona del pulsante.
   • Fare clic su Applica opzioni per visualizzare le modifiche.
8. Per modificare il contenuto del commutatore di lingua, fare clic per espandere la sezione Commutatore di lingua:
   
   • Per aggiungere il commutatore di lingua all'intestazione, selezionare la casella di controllo 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 un'opzione (ad esempio, Localizzato, PageLang, Ibrido).
   • Fare clic su Applica opzioni per visualizzare le modifiche.
9. Per modificare il contenuto delle opzioni di supporto aggiuntive, fare clic su per espandere la sezione Opzioni di supporto aggiuntive:
   
   • Per mostrare un link al portale clienti, attivare l'interruttore Mostra link al portale clienti. Nel campo di testo del link al portale clienti, inserire il testo che verrà visualizzato dai visitatori.
   • Per mostrare un accesso ai contenuti riservati, attivare l'interruttore Mostra accesso ai contenuti riservati. Nei campi Testo del link di accesso e Testo del link di uscita, inserire il testo che verrà visualizzato dai visitatori.
   • Per mostrare un modulo di supporto, attivare l'interruttore Modulo di supporto e selezionare un modulo nel menu a discesa Modulo. Nei campi Link al modulo di supporto e Titolo del modulo di supporto, inserire il testo che verrà visualizzato dai visitatori.
   • Fare clic su Applica opzioni per visualizzare le modifiche.
10. Al termine, fare clic su Pubblica su [#] risorse in alto a destra.

Contenuto del piè di pagina

1. Nel tuo account HubSpot, passa a Servizio clienti > Knowledge Base.
2. In alto a destra, fare clic sul menu a discesa Configura e selezionare Piè di pagina.
3. Nell'editor globale dei contenuti, fare clic sull'icona siteTree nella barra laterale sinistra.
4. Per visualizzare un menu a piè di pagina, fare clic sul modulo 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.
   • Per creare un nuovo menu a piè di pagina, fare clic su Crea nuovo.
   • Per modificare il numero di figli della struttura del menu che possono essere visualizzati nel menu a piè di pagina, utilizzare le icone upIcon e downIcon nel campo Profondità di visualizzazione del menu .
   • Per visualizzare il menu a piè di pagina, selezionare la casella di controllo Mostra menu.
   • Fare clic su Applica opzioni per visualizzare le modifiche apportate.
5. Per modificare il contenuto del logo a piè di pagina, fare clic sul modulo 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.
   • Per personalizzare il caricamento del logo a 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 per visualizzare le modifiche.
6. Per modificare il contenuto dell'indirizzo del piè di pagina, fare clic sul modulo Indirizzo piè di pagina:
   
   • Fare clic su Modifica nella vista espansa.
   • Nell'editor globale dei contenuti, inserire il testo dell'indirizzo del piè di pagina.
   • Fare clic su Chiudi vista espansa nella barra laterale sinistra.
7. Per modificare il contenuto del piè di pagina del social follow, fare clic sul modulo Social follow:
   
   • Nella sezione Collegamenti sociali, fare clic sull'icona editIcon modificare o deleteIcon eliminare per modificare o eliminare un collegamento sociale esistente. Per aggiungere un collegamento sociale, fare clic sul pulsante + Aggiungi .
   • Per mostrare le icone dei social follow, selezionare la casella di controllo Mostra icone.
8. Per modificare il contenuto del copyright a piè di pagina, fare clic sul modulo Copyright a piè di pagina:
   • Fare clic su Modifica nella vista espansa.
   • Nell'editor globale dei contenuti, inserire il testo del copyright del piè di pagina.
   • Fare clic su Chiudi vista espansa nella barra laterale sinistra.
9. Al termine, fare clic su Pubblica su [#] risorse in alto a destra.