Personalizar um tema de central de conhecimento

Personalize a aparência e o conteúdo da sua Central de Conhecimento para alinhá-la à sua marca e criar uma experiência de navegação consistente para os visitantes. Use o editor de temas para atualizar as cores, a tipografia, os layouts da página inicial e do artigo e os estilos de cabeçalho e rodapé. Use o editor de conteúdo global para atualizar o conteúdo de cabeçalho e rodapé, incluindo logotipo, menus, opções de suporte e links sociais. 

Antes de começar

Antes de personalizar o tema da Central de Conhecimento, revise esses requisitos e as considerações.

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.
• A personalização da Central de conhecimento não é compatível com o gerenciador de design ou com temas personalizados. Para uma personalização mais profunda, você pode adicionar snippets de código às configurações da sua Central de Conhecimento, inclusive no cabeçalho e no rodapé do site.

Personalizar estilos de tema de central de conhecimento

Use o editor de temas da Central de Conhecimento para estabelecer um estilo visual e layout consistentes para a sua Central de Conhecimento. Atualize cores e tipografia, escolha layouts para a página inicial e páginas de artigos e configure estilos de cabeçalho e rodapé.

1. Na sua conta HubSpot, clique em Mais e navegue até Serviço > Central de Conhecimento. Se Mais não aparecer na sua conta, navegue diretamente para Serviço > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Tema.

Personalizar 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 editor de temas, clique na seção Cores na barra lateral esquerda.
2. Para cada tipo de cor (por exemplo, Principal), clique no seletor de cores e selecione uma cor para os campos Principal, Secundário, Destaque e Corpo . Por padrão, as cores da sua marca serão exibidas.

Tipografia personalizada

Escolha uma fonte principal e secundária para aplicar aos títulos, corpo e links de URL de uma Central de Conhecimento. 

1. No editor de temas, clique em Tipografia na barra lateral esquerda.
2. Nos campos Principal e Secundário , clique no menu suspenso fonte e selecione uma fonte. Para alterar a cor da fonte, clique no seletor de cores e selecione uma cor de fonte. Opções adicionais de estilo de fonte podem estar disponíveis (por exemplo, peso da fonte), dependendo da fonte selecionada. 
3. Para editar as fontes de título, corpo ou link, clique nas seções Título (H1-H6), Corpo ou Link . Em seguida, clique no menu suspenso fonte e selecione uma fonte. Para alterar a cor da fonte, clique no seletor de cores e selecione uma cor de fonte.

Personalizar layouts de página

Escolha layouts para a página inicial da Central de Conhecimento e para as páginas de artigos. As opções de layout e configurações de estilo disponíveis variam de acordo com o tipo de página.

Personalize o layout da página inicial

1. No editor de temas, clique no menu suspenso Exibir em no canto superior esquerdo e selecione Página inicial da Central de conhecimento.
2. Na barra lateral esquerda, clique na seção Página inicial e selecione uma opção de layout, como Blocos ou Mínimo.

Personalizar o layout da página do artigo

1. No editor de temas, clique no menu suspenso Exibir em no canto superior esquerdo e selecione Artigo da Central de conhecimento.
2. Na barra lateral esquerda, clique na seção Artigo e selecione uma opção de layout, como Barra lateral esquerda ou Barra lateral direita

Personalizar estilos de cabeçalho e rodapé

Personalize os estilos de cabeçalho e rodapé do tema da Central de Conhecimento, incluindo largura, cores, fontes, menus e outros elementos. As opções disponíveis variam de acordo com a seção.

Personalizar estilos de cabeçalho

• Largura do cabeçalho: selecione Largura completa ou Largura do conteúdo.
• Barra superior: selecione a cor de fundo, a fonte base e a fonte flutuante.
• Alternador de idioma: clique no seletor de cores e selecione uma cor.
• Menu: selecione a fonte base, a fonte flutuante, a cor de fundo, o espaçamento e os estilos suspensos.
• Botão: selecione a fonte, a transformação de texto, a cor de fundo, o estilo de borda, o raio do canto e a fonte de passar o mouse.
• Barra de pesquisa: selecione o tipo de plano de fundo, como cor ou imagem, e configure o espaçamento, o texto do rótulo e os estilos de texto de entrada.

Personalizar estilos de rodapé

• Largura do rodapé: selecione Largura total ou Largura do conteúdo.
• Fundo: clique no seletor de cores e selecione uma cor.
• Menu: selecione a fonte base e a fonte flutuante. Para alterar a cor da fonte, clique no seletor de cores e selecione uma cor de fonte.
• Texto: selecione uma fonte.
• Ícones Social: selecione o tamanho do ícone, a forma do ícone, a cor do ícone, a cor de fundo e o alinhamento.

Visualizar e publicar alterações de tema

Visualize seu tema em modelos, idiomas e dispositivos antes de publicar suas alterações.

1. Na sua conta HubSpot, clique em Mais e navegue até Serviço > Central de Conhecimento. Se Mais não aparecer na sua conta, navegue diretamente para Serviço > Central de Conhecimento.
2. No canto superior direito, clique no menu suspenso Configurar e selecione Tema.
3. No editor de temas, clique em Visualização no canto superior esquerdo.
4. Para exibir um modelo com conteúdo de exemplo, clique no menu suspenso Exibir em no canto superior esquerdo e selecione um modelo. 

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

5. Para ver como um modelo será exibido em diferentes dispositivos, clique nos ícones de dispositivo no canto superior direito.

6. Quando terminar, clique em Voltar no canto superior esquerdo.

7. Para aplicar suas alterações, clique em Publicar tema no canto superior direito.

Editar conteúdo global de cabeçalho e rodapé

Use o editor de conteúdo global para personalizar o conteúdo exibido no cabeçalho e rodapé da sua Central de Conhecimento.

Editar o conteúdo do cabeçalho

Personalize o conteúdo do cabeçalho exibido nas páginas da sua Central de Conhecimento, incluindo o logotipo, o menu de navegação, as opções de suporte, o botão e o alternador de idioma.

1. Na sua conta HubSpot, clique em Mais e navegue até Serviço > Central de Conhecimento. Se Mais não aparecer na sua conta, navegue diretamente para Serviço > 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 siteTree ícone 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: ative 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 para [#] ativos no canto superior direito.

Editar conteúdo do rodapé

Personalize o conteúdo do rodapé exibido nas páginas da Central de Conhecimento, incluindo logotipo, menu, endereço, links sociais e texto protegido por direitos autorais.

1. Na sua conta HubSpot, clique em Mais e navegue até Serviço > Central de Conhecimento. Se Mais não aparecer na sua conta, navegue diretamente para Serviço > 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 siteTree ícone Conteúdo na barra lateral esquerda.
4. Na barra lateral esquerda, clique em um módulo para editar o conteúdo:
   • 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: ative a opção Substituir 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é.
   • Acompanhamento Social: 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é.
5. Quando terminar, clique em Publicar para [#] ativos no canto superior direito.