Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa.

Personalizar um tema de central de conhecimento

Ultima atualização: 12 de Junho de 2025

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

Service Hub Professional , Enterprise

Você pode personalizar a aparência do seu central de conhecimento selecionando o layout e configurando o tema no editor de temas. Você também pode ver como o tema do central de conhecimento aparecerá nos modelos, em diferentes idiomas e em diferentes tamanhos de tela.

Antes de começar

Antes de começar a trabalhar com esse recurso, certifique-se de compreender totalmente quais etapas devem ser executadas com antecedência, bem como as limitações do recurso e as possíveis consequências de usá-lo.

Requisitos de marca

Verifique se você tem uma das seguintes permissões de usuário:

Permissões de Superadministrador .
permissões de configurações de Central de conhecimento , permissões de configurações de conteúdo global e de tema e uma estação de Service hub. Saiba mais sobre os preços com base em licenças da HubSpot.

Compreender limitações e considerações

Essas ferramentas só estão disponíveis para bases de conhecimento migradas. Saiba mais sobre a migração do central de conhecimento .
Para bases de conhecimento que não foram migradas, saiba mais sobre como criar e personalizar um central de conhecimento herdado.
Não é possível personalizar o central de conhecimento no Gerenciador de design nem usar temas personalizados.

Exibir um tema de central de conhecimento

Depois de criar o central de conhecimento, você pode 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.

Para exibir um modelo da base de conhecimento com conteúdo de amostra:

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 no menu suspenso Exibir no canto superior esquerdo e selecione um modelo. As alterações no tema serão aplicadas a todos os modelos da base de conhecimento.

Para exibir um modelo da base de conhecimento em diferentes idiomas com conteúdo de amostra:

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 no menu suspenso Exibir no canto superior esquerdo e selecione um modelo. As alterações no tema serão aplicadas a todos os modelos da base de conhecimento.
4. Clique no segundo menu suspenso no canto superior esquerdo e selecione um idioma.

Para exibir um modelo da base de conhecimento em diferentes tamanhos de tela com conteúdo de amostra:

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 nos ícones de dispositivo na parte superior do editor ou insira uma largura de tela em pixels.

editor de temas para bases de conhecimento

Editar os estilos de um tema de central de conhecimento

Você pode personalizar os estilos do tema, incluindo cores, tipografia, layout, layout ,

Editar as cores de um tema de central de conhecimento

Para editar as cores usadas no tema do 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. No editor de temas, clique no menususpenso Cores na barra lateral esquerda.
4. Insira um valor hexadecimal ou selecione uma cor no seletor de cores para Primary , Seu cores da marca será exibido para cada opção.
Quando terminar de editar as cores do tema do central de conhecimento, clique em Publicar tema no canto superior direito.

Editar a tipografia de um tema de central de conhecimento

Para editar a tipografia no tema 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. No editor de temas, clique no menu suspenso Tipografia na barra lateral esquerda.
4. Nas seções Primário e Secundário na barra lateral esquerda, selecione a fonte , a cor da fonte e o estilo de fonte (por exemplo, Light , Bold, Regular). Suas fontes de marca e cores de marca serão exibidas para cada opção.
5. Nas seções de Cabeçalho (H1-H6) na barra lateral esquerda, selecione a fonte, o tamanho da fonte, a cor da fonte, o estilo da fonte (por exemplo, Light, Bold, Regularmaiúscula) e maiúsculas e minúsculas.
6. Nas seções Corpo e Links na barra lateral esquerda, selecione a fonte base, o tamanho da fonte, a cor da fonte e o estilo da fonte (por exemplo,
Quando terminar de editar a tipografia do tema do central de conhecimento, clique em Publicar tema no canto superior direito.

Editar o layout de um tema de central de conhecimento

Para personalizar o estilo de layout para o tema 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. No editor de temas, clique na seção Layout na barra lateral esquerda.
4. Clique na opção Layout. Diferentes opções de layout suportarão diferentes opções de estilo.
Quando terminar de editar o layout do tema de central de conhecimento, clique em Publicar tema na parte superior direita.

Editar estilos de cabeçalho de um tema de central de conhecimento

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

Para editar a largura do cabeçalho no tema 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 em Header (Cabeçalho) na barra lateral esquerda.
4. No campo Largura do cabeçalho , selecione Largura total ou Largura de conteúdo .
Para editar o estilo da barra superior do cabeçalho no tema 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 em Header (Cabeçalho) na barra lateral esquerda.

1. Na seção Cabeçalho , clique na Barra superior.
2. Na seção Barra superior , selecione a cor de fundo no seletor de cores ou insira um valor de código de hexagonal no campo Cor de fundo. Para editar a fonte, clique na fonte, na cor da fonte e no estilo da fonte

Para editar o estilo do seletor de idioma do cabeçalho no tema 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 em Header (Cabeçalho) na barra lateral esquerda.

1. Na seção Cabeçalho , clique em Comutador de Idioma.

1. Na seção Comutador de idiomas , clique em Drop-downs.
2. Na seção Drop-downs , clique em Background.
3. Na seção Plano de fundo, selecione a cor no seletor de cores ou insira um valor de código hexadecimal para os campos Cor Central e Hover Hexa.
Para editar o estilo do menu de cabeçalho no tema 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 em Header (Cabeçalho) na barra lateral esquerda.

1. Na seção Cabeçalho , clique em Menu.
2. Na seção Menu , clique em Drop-downs e clique em Menu de Fundo.
  - Na seção Plano de fundo, selecione a cor no seletor de cores ou insira um valor de código hexadecimal
  - Na seção Texto , selecione a fonte, a cor da fonte
3. Na seção Menu, clique em Texto ou Plano de Fundo:
  - Na seção Texto, selecione a fonte, a cor da fonte e o estilo da fonte .
  - Na seção Plano de fundo , selecione a cor no seletor de cores ou insira um valor de código de corHexadecimal para o campo Cor.

Para editar o estilo Botão de cabeçalho no tema 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 em Header (Cabeçalho) na barra lateral esquerda.
4. Na seção Cabeçalho , clique em Botão.
5. Na seção Botão, clique em Texto, Plano de Fundo,
  - Na seção Texto, selecione a fonte, o tamanho da fonte, a cor da fonte, a cor da fonte (por exemplo, Luz, Negrito, Regular) e a cor da fonte (por exemplo, Capitalizar, Maiúsculas, Minúsculas).
  - Na seção Plano de fundo , selecione a cor no seletor de cores ou insira um valor de código de corHexadecimal para o campo Cor.
  - Na seção Borda , selecione um estilo de borda no campo estilo de borda.
  - Para editar o estilo de focalização, clique em Focalizar e, em seguida, clique em Texto, em PlanodeFundo.
    - Na seção Texto, selecione a fonte, o tamanho da fonte, a cor da fonte, cor da fonte (por exemplo, Luz, Negrito, Regular) e
    - Na seção Plano de fundo , selecione a cor no seletor de cores ou insira um valor de código de corHexadecimal para o campo Cor.
    - Na seção Borda , selecione um estilo de borda no campo estilo de borda.
Para editar o estilo da barra de pesquisa de cabeçalho no tema 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 em Header (Cabeçalho) na barra lateral esquerda.
4. Na seção Cabeçalho , clique na barra Pesquisar.
5. Na seção Barra de pesquisa , clique em Plano de fundo, Rótulo de texto ou em Tela de fundo.
  - Na seção Plano de fundo , selecione o tipo de plano de fundo e selecione um identificador de cores no seletor de cores ou insira a cor hex valor do código.
  - Na seção Texto do rótulo, selecione a fonte, o tamanho da fonte, a cor da fonte, o estilo da fonte (por exemplo, Light, Bold, cor da fonte).
  - Na seção Entrada, selecione uma cor no seletor de cores ou insira um valor de código hexadecimal para a cor do texto,
Quando terminar de editar os estilos de cabeçalho do tema de central de conhecimento, clique em Publicar tema no canto superior direito.

Editar estilos de rodapé de um tema de central de conhecimento

Você pode editar os estilos de rodapé do tema do central de conhecimento, incluindo a largura do rodapé, plano de fundo, menu, menusocial, Você também pode editar cores, fontes e estilos de focalização nesses elementos.

Para editar a largura do rodapé no tema 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 em Rodapé na barra lateral esquerda.
4. Na seção Rodapé , clique em Largura total ou Largura de conteúdo .
Para editar o plano de fundo do rodapé no tema 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 em Rodapé na barra lateral esquerda.
4. Na seção Rodapé , selecione uma cor no seletor de cores ou insira um valor de código de hexadecimal
Para editar o estilo de menu do rodapé no tema 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 em Rodapé na barra lateral esquerda.
4. Na seção Rodapé , clique em Menu.
5. Selecione a fonte, a cor da fonte e o estilo da fonte (por exemplo, Light, Bold, Regular) nos campos de fonte Base.
Para editar o estilo de texto do rodapé no tema 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 em Rodapé na barra lateral esquerda.
4. Na seção Rodapé , clique em Texto.
5. Selecione a fonte, o tamanho da fonte, a cor da fonte e o estilo da fonte (por exemplo, Light, Bold, Regular) no campo Fonte.
Para editar o estilo de ícone social do rodapé no tema 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 em Rodapé na barra lateral esquerda.
4. Na seção Rodapé , clique em ícones Sociais.
  - Para alterar o tamanho dos ícones sociais, clique no menu suspenso Tamanho do ícone e selecione Pequeno, Regular, ou
  - Para alterar a forma de ícones sociais, clique no menu suspenso Forma de ícone e selecione Círculo ou Quadrado .
  - Para alterar a cor dos ícones sociais, selecione a cor no seletor de cores ou insira um valor de código hexadecimal no campo de cor ícone .
  - Para alterar a cor do plano de fundo dos ícones sociais, selecione a cor no seletor de cores ou insira um valor de código hexadecimal no campo.
  - Para alterar o alinhamento dos ícones sociais, clique em blockAlignmentLeftIcon Alinhar à esquerda, blockAlignmentCenterIcon Centralizar, ou blockAlignmentRightIcon Alinhar à direita os ícones no campo Alinhamento .
Quando terminar de editar os estilos de rodapé do tema do central de conhecimento, clique em Publicar tema no canto superior direito.

Editar o conteúdo do cabeçalho da base de dados de conhecimento

Você pode editar o conteúdo do cabeçalho do central de conhecimento, incluindo o logotipo, menu, botão, As alterações ficarão visíveis em todas as páginas de central de conhecimento.

Para editar o conteúdo do logotipo do cabeçalho da 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 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 de cabeçalho do Website .
5. No módulo Cabeçalho do site , clique em Logotipo.
6. Para substituir o logotipo padrão, ative a opção Substituir logotipo padrão ou clique em Editar logotipo padrão neste domínio para atualizar o logotipo padrão.
7. Se você optou por substituir o logotipo padrão, poderá clicar em Carregar ou Procurar imagens para adicionar um novo logotipo.
8. Clique em Aplicar opções na parte inferior esquerda do editor de barra lateral para ver suas alterações.
Para editar o conteúdo do menu de cabeçalho da 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 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 de cabeçalho do Website .
5. No módulo Cabeçalho do site , clique em Menu.
6. Para exibir um menu de cabeçalho, clique no menu suspenso Menu e selecione um menu.
7. Para editar um menu de cabeçalho existente, clique em Editar no campo Menu.
8. Para criar um novo menu de cabeçalho, clique em Criar novo no campo Menu .
9. Para editar o número de filhos da árvore de menus que podem ser exibidos no menu de cabeçalho, use o upIcon aumentar e downIcon diminuir ícones no campo Níveis máximos.
10. Clique em Aplicar opções na parte inferior esquerda do editor de barra lateral para ver suas alterações.
Para editar o conteúdo do botão de cabeçalho 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 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 de cabeçalho do Website .
5. No módulo Cabeçalho do site , clique em Botão.
6. Para adicionar um botão ao cabeçalho, marque a caixa de seleção Adicionar botão .
7. Para editar o texto do botão no cabeçalho, insira o texto no campo de texto Botão.
8. Para editar o link de URL, o botão direciona os visitantes para o, clique no menu suspenso Link para e selecione a opção de link.
9. Para que o link de URL seja aberto em uma nova janela, ative a opção Abrir link em nova janela .
10. Para editar o tipo de link, marque a caixa de seleção ao lado de Nenhum campo de ícone ou Adicionar.
11. Clique em Aplicar opções na parte inferior esquerda do editor de barra lateral para ver suas alterações.
Para editar um cabeçalho de central de conhecimento para o conteúdo do seletor de idiomas:
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 de cabeçalho do Website .
5. No módulo Cabeçalho do site , clique em Comutador de idiomas.
6. Para adicionar o alternador de idioma ao cabeçalho, marque a caixa de seleção ao lado do campo Adicionar alternador de idioma.
7. Para editar o modo de exibição do alternador de idioma, clique no menu suspenso Modo de exibição e selecione Localizado,
8. Clique em Aplicar opções na parte inferior esquerda do editor de barra lateral para ver suas alterações.
Para editar um cabeçalho de central de conhecimento para o conteúdo de opções de suporte adicionais:
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 de cabeçalho do Website .
5. No módulo Cabeçalho do site , clique em Opções adicionais de suporte.
6. Para mostrar um link de portal do cliente, ative a opção Mostrar link de portal do cliente .
7. No campo de texto link de Portal do cliente , insira o texto que deseja exibir.
8. Para mostrar uma entrada para conteúdo restrito, ative a opção Mostrar entrada para conteúdo restrito .
9. Nos campos de texto Link de entrada e Texto do link de saída , insira o texto que deseja exibir.
10. Clique em Aplicar opções na parte inferior esquerda do editor de barra lateral para ver suas alterações.

Quando terminar de editar o conteúdo do cabeçalho de central de conhecimento, clique em Publicar em [#] ativos no canto superior direito.

Editar o conteúdo do rodapé de uma base de dados de conhecimento

Você pode editar o conteúdo do rodapé do central de conhecimento, incluindo o menu, o logotipo, o endereço do rodapé, As alterações ficarão visíveis em todas as páginas de central de conhecimento.

Para editar o conteúdo do menu de rodapé 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 Rodapé.
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 do menu Rodapé.
5. Para exibir um menu de rodapé, clique no menu suspenso Menu e selecione um menu.
6. Para editar um menu de rodapé existente, clique em Editar no campo Menu.
7. Para criar um novo menu de rodapé, clique em Criar novo no campo Menu .
8. Para editar o número de filhos da árvore de menus que podem ser exibidos no menu de rodapé, use o upIcon aumentar e downIcon diminuir ícones no campo Níveis máximos.
9. Para mostrar um menu de rodapé, marque a caixa de seleção no campo Mostrar menu .
10. Clique em Aplicar opções na parte inferior esquerda do editor de barra lateral para ver suas alterações.
Para editar o conteúdo do logotipo do rodapé 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 Rodapé.
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 Logotipo.
5. Para substituir o logotipo de rodapé padrão, ative a opção Substituir logotipo padrão ou clique em Editar logotipo padrão neste domínio para atualizar o logotipo padrão.
6. Se você optou por substituir o logotipo padrão do rodapé, poderá clicar em Carregar ou Procurar imagens para adicionar um novo logotipo.
7. Para personalizar como o logotipo do rodapé é carregado, clique no menu suspenso Carregamento de imagens e selecione Navegador padrão,
8. Para adicionar um URL de link ao logotipo do rodapé, insira o texto do URL no campo URL do link .
9. Clique em Aplicar opções na parte inferior esquerda do editor de barra lateral para ver suas alterações.
Para editar o conteúdo do endereço do rodapé 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 Rodapé.
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 de endereço Rodapé e clique em Editar na exibição expandida.
5. No editor de conteúdo global, insira o texto para o endereço do rodapé.
Para editar o rodapé de uma base de conhecimento, siga o conteúdo social:
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 de conteúdo na barra lateral esquerda.
4. Na barra lateral esquerda, clique no módulo Seguir Social .
5. Na seção Sociais links , clique no editIcon editar ou deleteIcon ícone de deleção para editar ou deletar um vínculo social existente. Para adicionar um link social, clique no botão + Adicionar.
6. Para mostrar ícones sociais seguidos, marque a caixa de seleção ao lado do campo Mostrar ícones .
Para editar o conteúdo de direitos autorais do rodapé 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 Rodapé.
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 de direitos autorais do Rodapé e clique em Editar na exibição expandida.
5. No editor de conteúdo global, insira o texto para os direitos autorais do rodapé.
Quando terminar de editar o conteúdo do rodapé do central de conhecimento, clique em Publicar em [#] ativos no canto superior direito.

Esse artigo foi útil? Sim Não

Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.