Personalizar um tema de central de conhecimento

Personalize a aparência do seu central de conhecimento escolhendo o layout, alterando os estilos do tema e editando o conteúdo do cabeçalho ou rodapé no editor de temas. Você também pode visualizar como o tema do central de conhecimento aparecerá nos modelos, em diferentes idiomas e em diferentes tamanhos de tela.

Compreender limitações e considerações

• Essas ferramentas só estão disponíveis para centrais de conhecimento migradas. Saiba mais sobre a migração do central de conhecimento .
• Para centrais de conhecimento que não foram migradas, saiba mais sobre como criar e personalizar uma central de conhecimento antiga.
• Você não pode personalizar sua central de conhecimento no Gerenciador de design nem usar temas personalizados.

Personalizar estilos de tema de central de conhecimento

No editor de tema de central de conhecimento, você tem opções para configurar cores, tipografia, layout, cabeçalho e estilos de rodapé.

Cores

As configurações de cor do tema do central de conhecimento aplicam uma cor primária, secundária, de ênfase e de corpo a todos os elementos incluídos no modelo do tema. Esses estilos são aplicados a todos os elementos em seu central de conhecimento. 

1. No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Tema.
3. Clique para expandir a seção Cores e selecione uma cor para Primário, Secundário, Por padrão, as cores da marca serão exibidas.
4. Quando terminar, clique em Publicar tema na parte superior direita.

Tipografia

Escolha uma fonte primária e secundária a ser aplicada aos títulos, ao corpo e aos links de uma base de conhecimento. 

1. No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Tema.
3. Na barra lateral esquerda, clique em Tipografia.
4. Nas seções Primário e Secundário , clique no menu suspenso de fontes e selecione a fonte. Para alterar a cor da fonte, clique no seletor de cores e selecione uma cor de fonte. As opções adicionais de estilo de fonte (por exemplo, espessura da fonte, tamanho ou caixa de transformação) dependerão da fonte selecionada. 
5. Para editar fontes de título, corpo ou link, clique para expandir as seções Cabeçalho (H1-H6), Corpo ou Link , clique no menu suspenso fonte e selecione a fonte . Para alterar a cor da fonte, clique no seletor de cores e selecione uma cor de fonte.
6. Quando terminar, clique em Publicar tema na parte superior direita.

Disposição

1. No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Tema.
3. Clique para expandir a seção Layout e selecione uma opção (por exemplo, Tilesexibir ou Minimal ). Diferentes opções de layout suportarão diferentes opções de estilo.
4. Quando terminar, clique em Publicar tema na parte superior direita.

Cabeçalho

Personalize os estilos de cabeçalho do tema do central de conhecimento, incluindo a largura do cabeçalho, a barra superior, o alternador de idioma, o menu, o botão e a barra de pesquisa. Você também pode editar cores, fontes e estilos ao passar o mouse nesses elementos.

1. No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Tema.
3. Na barra lateral esquerda, clique em Cabeçalho e selecione uma das seguintes opções:
   
   • Largura do cabeçalho: selecione Largura total ou Largura do conteúdo.
   • Barra superior: selecione a Cor de fundo, Fonte de base e
   • Alternador de idioma: clique no seletor de cores e selecione uma cor.
   • Menu: selecionar Fonte base, Fonte em foco, Cor de fundo
   • Botão: selecionar Fonte, Transformação de texto, Cor de fundo, Estilo de borda ,
   • Barra de pesquisa: selecione a Cor de fundo, Texto do rótulo e
4. Quando terminar, clique em Publicar tema na parte superior direita.

Rodapé

1. No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Tema.
3. Na barra lateral esquerda, clique em Rodapé e selecione uma das seguintes opções:
   1. Largura do rodapé: selecione Largura total ou Largura do conteúdo. 
   2. Plano de fundo: clique no seletor de cores e selecione uma cor.
   3. Menu: selecione a Fonte base e Fonte focalizada. Para alterar a cor da fonte, clique no seletor de cores e selecione uma cor de fonte.
   4. Texto: selecione uma Fonte. 
   5. Ícones Sociais: selecione um Tamanho de ícone, Forma de ícone, Cor do ícone, Cor , Corde fundo
4. Quando terminar, clique em Publicar tema na parte superior direita.

Editar conteúdo do cabeçalho de central de conhecimento

Personalize o conteúdo do cabeçalho do central de conhecimento para apresentar a marca ou links de navegação. As atualizações publicadas aparecem automaticamente em todas as páginas de central de conhecimento.

1. No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Cabeçalho.
3. No editor de conteúdo global, clique no botão siteTree Ícone de conteúdo na barra lateral esquerda. 
4. Na barra lateral esquerda, clique no módulo Cabeçalho do site e selecione uma das seguintes opções:
   • Logotipo: alterne a opção Substituir logotipo padrão ou clique em Editar logotipo padrão neste domínio . Para mostrar o nome da sua empresa, alterne a opção Mostrar nome da empresa quando o logotipo não estiver ativado.
   • Opções de suporte adicionais: alterne o link Mostrar portal do cliente , Mostrar entrada para conteúdo restrito, ou MostrarSuporte de switches.
   • Menu: selecione um Menu e Níveis Máximos.
   • Botão: marque a caixa de seleção Adicionar botão , Vincular a, e
   • Comutador de idioma: marque a caixa de seleção Adicionar alternador de idioma e o modo Exibição.
5. Quando terminar, clique em Publicar em [#] ativos na parte superior direita.

Editar conteúdo do rodapé do central de conhecimento

Personalize o conteúdo do rodapé do central de conhecimento para apresentar a marca ou links de navegação. As atualizações publicadas aparecem automaticamente em todas as páginas de central de conhecimento.

1. No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Rodapé.
3. No editor de conteúdo global, clique no botão siteTree Ícone Conteúdo e selecione uma das seguintes opções:
   • Menu de rodapé: clique no menu suspenso Menu e selecione um menu. Para mostrar o menu de rodapé em todas as páginas de central de conhecimento, marque a caixa de seleção Mostrar menu .
   • Logotipo: alterne a opção Ignorar logotipo padrão ou clique em Editar logotipo padrão neste domínio . 
   • Endereço do rodapé: clique em Editar na view expandida e informe o endereço do rodapé.
   • Social siga: passe o mouse sobre um link social e clique no editIcon ícone editar. Clique no menu suspenso Link to e selecione uma opção.
   • Direitos autorais do rodapé: clique em Editar na exibição expandida e insira o direito autoral do rodapé.
4. Quando terminar, clique em Publicar em [#] ativos na parte superior direita.

Visualizar um tema de central de conhecimento

Depois de criar a central de conhecimento, você poderá ver a aparência do tema no editor de temas. Você pode ver a aparência do tema em diferentes modelos, idiomas e tamanhos de tela. 

1. No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Tema.
3.  Para exibir um modelo com conteúdo de amostra, clique no menu suspenso Exibir em na parte superior esquerda e selecione um modelo. As alterações no tema serão aplicadas a todos os modelos da central de conhecimento.

4. Para exibir um modelo em diferentes idiomas, clique no segundo menu suspenso no canto superior esquerdo e selecione um idioma.

5. Para ver como um modelo será exibido em diferentes dispositivos, clique nos ícones de dispositivo na parte superior do editor ou insira uma largura de tela em pixels.