--- title: "Personalizando a página 404" slug: "404-page" description: "404 page appears when a reader tries to access a nonexistent page on our Knowledge base site. You can customize the 404 page using the basic or custom style." tags: ["Error pages", "Customize site"] updated: 2026-06-22T08:58:37Z published: 2026-06-22T08:58:37Z canonical: "docs.document360.com/404-page" --- > ## 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. # Personalizando a página 404 A página 404 aparece quando um leitor tenta acessar uma página inexistente no seu site de base de conhecimento – por exemplo, ao seguir uma URL deletada ou quebrada. Enquanto o erro padrão 404 do navegador não oferece aos leitores um caminho útil para frente, uma página personalizada do 404 pode reconhecer claramente o erro e direcionar os leitores para o lugar certo por meio de links úteis e botões de navegação. NOTA Depois de configurar uma página personalizada do 404, não pode voltar ao padrão. Recomenda-se ter uma página personalizada 404 para melhorar a experiência do leitor. --- ## Como personalizar a página 404 1. Navegue até Configurações () > Site da base de conhecimento na barra de navegação esquerda do portal da Base de Conhecimento. 2. No painel de navegação à esquerda, navegue até **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 404**. 2. Personalize a página usando uma de duas opções: - **Estilo básico** - Personalize os botões padrão de imagem, cabeçalho, parágrafo e link. - **Estilo personalizado** - Adicionar HTML e CSS personalizados. Use o botão **de Pré-visualização** para alternar entre a visualização de código e a visualização renderizada. 3. Clique **em Salvar** para salvar sem se candidatar imediatamente, **Pré-visualizar** para revisar e **Publicar** para fazer alterações ao vivo. ![404 error page with options to navigate to documentation or home](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140589648.png) --- ## Estilo básico ### Imagem 1. **Clique na imagem**. O painel de Imagem aparece. 2. Clique **em Mudar** e escolha entre: - **Imagens padrão** - Selecione entre as imagens padrão disponíveis e clique **em Salvar**. - **Imagem** - Insira uma URL de imagem ou faça upload do seu Drive e clique **em Salvar**. 3. Defina o alinhamento da imagem (esquerda, centro ou direita) conforme necessário. ![Image selection interface showing alignment options and default images](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140609668.png) ### Rumo 1. **Clique no Cabeçalho**. O painel de Cabeçalhos aparece. 2. Insira o texto do título desejado. 3. Selecione uma cor da paleta de cores do texto. > O título padrão será "404." ![Editing the 404 page heading](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140635154.png) ### Parágrafo 1. Clique **em parágrafo**. O painel de Parágrafo aparece. 2. Insira uma descrição para ajudar os leitores a entenderem o contexto. 3. Selecione uma cor da paleta de cores do texto. > O texto padrão será "Ops! Página não encontrada." ![Editing the 404 page paragraph](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140655833.png) ### Botões Adicione até três botões de link para guiar os leitores a páginas úteis. 1. **Clique nos botões**. 2. Clique **no botão Adicionar** para criar um novo botão. 3. Insira o texto e a URL de cada botão. 4. Clique no ícone **Delete** () para remover um botão ou no **ícone Ocultar** () para escondê-lo. 5. Clique **em Excluir** na parte inferior para remover todos os botões. 6. Depois de terminar, clique **em Salvar**. NOTA Links sugeridos para incluir na página 404: página inicial, um formulário de contato para leitores relatarem links quebrados, seu site base de conhecimento e suas categorias ou artigos mais populares. ![404 page buttons panel showing Documentation and Home navigation options](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140681230.png) --- ## Estilo personalizado 1. **Selecione Estilo Personalizado** e alterne entre as seções **HTML** e **CSS**. 2. Atualize o código conforme necessário. 3. Ative a opção **de Pré-visualização** para visualizar a página atualizada. 4. Clique **em Salvar**, depois **em Publicar** para se inscrever. ![Custom style editor showing HTML and CSS sections for the 404 page](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140700291.png) --- ## Melhores práticas - **Mantenha o design fiel à marca** – use as mesmas cores e tons do restante do seu conhecimento para que os leitores saibam que ainda estão no lugar certo. - **Use uma linguagem amigável e simples** – evite jargão técnico. Reconheça o erro de forma leve: "É possível que esta página tenha sido movida ou não exista mais." - **Sempre adicione pelo menos um botão** – pelo menos o link para a página inicial. Dois ou três botões sobre casa, documentação e um formulário de contato indicam aos leitores os próximos passos claros. - **Use a página 404 junto com as regras de redirecionamento** - personalize a página 404 para erros inevitáveis e use [regras de redirecionamento de artigos](https://docs.document360.com/docs/pt/article-redirect-rules) para corrigir URLs falhadas conhecidas proativamente. ## Related - [Páginas de erro](/error-pages.md) - [Personalizando a página de acesso negado](/access-denied-page.md) - [Personalizando página não autorizada](/unauthorized-page.md) - [Personalizando a página de restrição de IP](/ip-restriction-page.md)