A página inicial é a primeira página que os leitores veem ao visitar seu site de base de conhecimento. Isso define o tom de toda a experiência de documentação – uma página inicial bem configurada ajuda os leitores a encontrar rapidamente o que precisam, reflete a marca do seu produto e dá à sua base de conhecimento uma sensação de propósito, em vez de um visual genérico e pronto para usar.
No Document360, a página inicial é totalmente personalizável. Você pode construí-lo usando um conjunto de blocos de conteúdo, aplicar um tema pré-definido, configurar configurações de SEO e pré-visualizar as mudanças antes de publicar. Toda a personalização da página inicial é gerenciada pelo construtor de site Personalizar.
Por que personalizar a página inicial?
A página inicial padrão é uma tela em branco – ela não vai mostrar sua estrutura de documentação, não direcionar os leitores para a seção certa ou refletir a identidade do seu produto até que você o configure. Uma página inicial personalizada faz três coisas que uma padrão não consegue:
- Reduz o tempo até a primeira resposta – um bloco de categorias na Base de Conhecimento ou uma seção Herói com barra de busca leva os leitores ao conteúdo certo mais rápido do que deixá-los navegar pela árvore de categorias sozinhos.
- Reflete sua marca – aplicar um tema e configurar a seção Hero com as cores e o tom da sua marca faz com que a base de conhecimento pareça uma extensão natural do seu produto, em vez de uma ferramenta separada.
- Comunica o que está disponível – blocos do corpo como texto enriquecido, cartões multicolunas e imagem com texto permitem que você diga aos leitores o que a base de conhecimento cobre, o que há de novo ou por onde começar — especialmente útil para quem visita pela primeira vez.
Como acessar o construtor de página inicial
- Navegue até Configurações () na barra de navegação à esquerda do portal da Base de Conhecimento.
- No painel de navegação esquerdo, navegue até Site da base de conhecimento } > Personalização do site.
- Clique no botão Personalizar site .
- No menu suspenso à esquerda, selecione Página Inicial em Páginas Principais.
O construtor da página inicial começa com uma prévia ao vivo à direita. As diferentes seções da página inicial estão listadas no painel esquerdo.
Seções da página inicial
A página inicial é construída a partir de uma seção fixa de Heróis no topo, além de blocos opcionais que você pode adicionar, reordenar e esconder.
Seção de heróis
A seção Herói é a área do banner no topo da página inicial. Ele está sempre presente e não pode ser deletado ou reordenado. Você pode personalizar o fundo, texto, botões e barra de busca. Para um guia completo, veja a seção de Heróis.
Bloqueios corporais
Blocos corporais são seções opcionais de conteúdo que você pode adicionar abaixo da seção de Herói. Para adicionar um bloco de corpo, clique em Adicionar seção e escolha entre as seguintes opções:
| Bloco | O que ele faz | Quando usá-lo |
|---|---|---|
| Texto enriquecido | Adicionar e formatar conteúdo de texto usando o Markdown | Anúncios, contexto de integração ou qualquer conteúdo livre que não precise de layout visual |
| Seção de cartões multicolunas | Exibir conteúdo em colunas organizadas | Apresentando recursos do produto, tópicos-chave, apresentações de equipes ou uma visão geral do tipo "o que há nesta base de conhecimento" |
| Imagem com texto | Combine uma imagem com uma descrição em texto lado a lado | Destaques de recursos, anúncios de lançamento ou apresentações visuais a uma área de produto |
| Seção de código personalizado | Incorporar HTML e CSS personalizados | Banners dinâmicos, temporizadores de contagem regressiva, widgets de terceiros incorporados ou qualquer conteúdo que exija marcação personalizada |
| Categorias da base de conhecimento | Categorias de superfície da sua base de conhecimento como cartas visuais | Ajudar os leitores a navegar diretamente para as principais seções da página inicial — especialmente útil para grandes bases de conhecimento com áreas de produto distintas |
| Widgets | Adicione elementos interativos, como pesquisas ou formulários de contato | Defletores de tickets, formulários de feedback ou widgets de suporte que você quer que os leitores acessem pela página inicial |
Para reordenar os blocos do corpo, use o ícone de arrastar e soltar () no painel esquerdo. Para esconder um bloco sem deletá-lo, clique no ícone do olho ().
O cabeçalho, a navegação primária, a navegação secundária e o rodapé exibidos na página inicial são configurados separadamente em Configurações () > Site da base de conhecimento } > Personalize o site > cabeçalho e rodapé do site.
Temas da página inicial
O Document360 oferece quatro temas pré-construídos para a página inicial. Cada tema aplica um layout visual e estilo distintos. Você pode configurar um tema diferente para cada workspace ou idioma.
| Tema | Descrição | Melhor indicado para |
|---|---|---|
| Engajar | Um layout ousado e visualmente rico, com imagens de herói fortes | Bases de conhecimento voltadas para o marketing ou voltadas ao cliente, onde a primeira impressão importa |
| Inove | Um layout moderno e dinâmico com uma estética tecnológica avançada | Produtos SaaS, ferramentas para desenvolvedores ou portais de documentação da API |
| Aprenda | Um layout limpo, focado em conteúdo, com poucas distrações | Portais de treinamento, guias de integração ou centros internos de aprendizagem |
| Padrão | O layout padrão do Document360 | Bases de conhecimento de uso geral ou quando você quer controle total via CSS personalizado |
Como ativar um tema
- Acesse o construtor de página inicial (veja Como acessar o construtor de página inicial).
- Clique no ícone de Temas () perto do ícone de Configurações () no topo do construtor.
O painel de Temas aparece.
- Passe o mouse sobre o tema desejado e clique em Ativar.
- Clique no ícone olho () de um tema para visualizá-lo. Esta é uma prévia estática do layout e do design, e não uma prévia ao vivo.
- Clique em Salvar para salvar suas alterações sem publicar.
- Clique em Publicar para tornar o tema visível para os leitores.
Se você configurou CSS personalizado, ativar um novo tema pode quebrar o layout da página inicial. Remova CSS personalizado existente antes de mudar de tema.
Como descartar uma mudança de tema
Se você ativou um novo tema, mas ainda não publicou, pode voltar ao tema publicado anteriormente.
- No painel de Temas , clique em Descartar.
- Clique em Sim , no prompt de confirmação.
O último tema publicado foi restaurado.
Status do tema
Cada tema no painel exibe um de três status:
| Status | Significado |
|---|---|
| Publicado | O tema está disponível atualmente no site da sua base de conhecimento |
| Draft | Uma mudança de tema que foi preservada, mas ainda não publicada |
| Ativo | O tema atualmente configurado para a página inicial. Aparece na seção Publicado quando nenhuma alteração foi feita, ou na seção Rascunho quando um novo tema foi ativado |
Comportamento de temas para novos espaços de trabalho
Quando você cria um novo espaço de trabalho usando a opção Criar um novo espaço de trabalho , o tema padrão é aplicado à página inicial em todos os idiomas daquele ambiente.
Quando você cria um novo espaço de trabalho usando a opção Selecionar um espaço de trabalho existente , o novo espaço de trabalho herda o tema dos respectivos idiomas do espaço de trabalho selecionado. Quaisquer novos idiomas adicionados usarão o tema do idioma padrão no espaço de trabalho existente.
Quando você adiciona um novo idioma a um espaço de trabalho existente, a página inicial dele usa o tema configurado para o idioma padrão naquele espaço de trabalho.
Configurações de SEO na página inicial
Você pode configurar metadados de SEO para sua página inicial para controlar como eles aparecem nos resultados dos mecanismos de busca.
- No construtor de página inicial, clique no ícone Configurações ().
- Configure o seguinte:
| Ambientação | Descrição |
|---|---|
| Título | O título mostrado na aba do navegador para a página inicial |
| Meta descrição | Uma breve descrição mostrada nos resultados dos mecanismos de busca. Aplica-se apenas à página inicial |
| Visibilidade | Ative para manter a página inicial visível no site da base de conhecimento. Desative para ocultar e os leitores serão direcionados para a página de documentação |
| Imagem em destaque | Envie uma imagem em destaque do Drive |
- Clique em Salvar.
A resolução recomendada para a imagem em destaque da página inicial é 1920×415 pixels (largura × altura).
Salve, prévia e publique
| Ação | O que ele faz |
|---|---|
| Salvar | Salva suas alterações como rascunho, ainda não estará visível para os leitores |
| Prévia | Abre uma prévia de como a página inicial ficará no site da base de conhecimento |
| Publicar | Faz com que todas as alterações salvas fiquem vivas e visíveis para os leitores |
Sempre clique em Publicar após fazer alterações. Se a página inicial apresentar alterações não salvas ou não publicadas, os leitores podem ser redirecionados para uma versão mais antiga do site, mesmo que o artigo da página inicial esteja marcado como publicado no portal. O botão Publicar só fica ativo depois que você salva suas alterações primeiro.
Melhores práticas
- Salve antes de publicar - sempre clique em Salvar primeiro, depois em Publicar. O botão Publicar fica inativo até que as alterações sejam salvas.
- Prévia antes de publicar - use a opção Prévia para verificar como sua página inicial está para os leitores antes de lançar.
- Remova CSS personalizado antes de mudar de tema – trocar temas com CSS personalizado já ativo pode quebrar o layout.
- Use blocos de corpo intencionalmente – cada tipo de bloco tem um propósito diferente. Use categorias da base de conhecimento para destacar conteúdos-chave, e texto enriquecido ou imagem com texto para anúncios ou contexto de integração.
- Configure por workspace - se você tiver múltiplos workspaces, pode definir um tema e layout diferentes para cada um, dando a cada workspace sua própria identidade.