--- title: "Página inicial" slug: "main-pages" status: "update" updated: 2026-06-22T07:26:12Z published: 2026-06-22T08:58:39Z canonical: "docs.document360.com/main-pages" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Página inicial 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 1. Navegue até Configurações () na barra de navegação à esquerda do portal da Base de Conhecimento. 2. No painel de navegação esquerdo, navegue até Site da base de conhecimento } > **Personalização do site**. 3. Clique no **botão Personalizar site** . ![Site customization page showing the Customize site button](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Customize-site.png) 1. 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](https://docs.document360.com/docs/pt/hero-section). ### 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 (). NOTA O [cabeçalho](https://docs.document360.com/docs/pt/header-primary-navigation), [a navegação primária](https://docs.document360.com/docs/pt/header-primary-navigation), [a navegação secundária](https://docs.document360.com/docs/pt/header-secondary-navigation) e [o rodapé](https://docs.document360.com/docs/pt/footer-navigation) 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 1. Acesse o construtor de página inicial (veja [Como acessar o construtor de página inicial](/docs/pt/main-pages#how-to-access-the-home-page-builder)). 2. Clique no ícone **de Temas** () perto do **ícone de Configurações** () no topo do construtor. O painel **de Temas** aparece. ![Home page builder showing the Themes panel with Engage, Innovate, Learn, and Default options](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Home-page-themes.png) 1. Passe o mouse sobre o tema desejado e clique **em Ativar**. 2. 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. 3. Clique em **Salvar** para salvar suas alterações sem publicar. 4. Clique **em Publicar** para tornar o tema visível para os leitores. ![Themes panel showing Activate and publishing buttons for home page theme selection](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Home-page-themes-customize.png) IMPORTANTE! 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. 1. No **painel de Temas** , clique **em Descartar**. 2. 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 | ![Theme panel showing Published, Draft, and Active status labels for each theme](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Home-page-themes-status.png) ### 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. NOTA 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. ![New workspace creation dialog showing language and workspace type options](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/new-workspace.png) --- ## 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. 1. No construtor de página inicial, clique no **ícone Configurações** (). 2. 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 | 1. Clique **em Salvar**. NOTA 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 | IMPORTANTE! 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.