Como personalizar a página de erro 404 do WordPress para não perder visitantes

Como personalizar a página de erro 404 do WordPress para não perder visitantes

Olá, querido(a) visitante da GeHost! 🌟

Imagine isso: você clica em um link, entra no seu site… e de repente aparece uma tela branca com a mensagem "Erro 404 – Página não encontrada". Triste, né? É como se o seu visitante batesse na porta e ninguém atendesse.

Por isso, hoje vamos transformar esse "não encontrado" em algo acolhedor, útil e até divertido. Vamos personalizar a página de erro 404 do seu WordPress para manter o visitante no seu site — e não deixá-lo escapar!

Dica do Sensei: Um erro 404 bem feito pode até aumentar o tempo médio no site. Sim! Um visitante que não sai é um visitante que pode se tornar cliente.

Passo a passo: como personalizar sua página 404 no WordPress

Com a GeHost, tudo é simples e feito com carinho. Siga esses 5 passos e sua página de erro vai ficar linda, profissional e útil:

1. Entre no painel do WordPress — Acesse seusite.com/wp-admin com seu usuário e senha.
2. Vá até "Aparência" > "Editor de Temas" — No menu lateral, clique em "Aparência" e depois em "Editor de Temas".
3. Encontre o arquivo 404.php — No painel do editor, procure na lista de arquivos o que se chama 404.php. Ele geralmente está no diretório do seu tema (como "twentynineteen", "Astra", etc.).
4. Edite o arquivo — Clique para abrir o arquivo 404.php e substitua o conteúdo padrão por um código personalizado. Aqui vai um exemplo simples e bonito:

<!-- Início da página 404 personalizada -->
<div style="text-align:center; padding:60px 20px; font-family: 'Segoe UI', sans-serif; color:#333;">
  <h1 style="font-size:64px; color:#e74c3c; margin-bottom:20px;">404</h1>
  <p style="font-size:24px; margin-bottom:30px;">Ops! Essa página não existe…</p>
  <p style="font-size:18px; margin-bottom:30px;">Mas não se preocupe — você está no lugar certo!</p>
  <a href="/" style="background:#3498db; color:white; padding:12px 30px; text-decoration:none; border-radius:6px; font-weight:bold; font-size:16px;">Voltar à página inicial</a>
</div>
<!-- Fim da página 404 personalizada -->

5. Salve as alterações — Clique em "Atualizar Arquivo" no canto superior direito do editor.

Dica do Sensei: Se você não tiver certeza sobre como editar o arquivo, use um plugin como Custom 404 Page (gratuito no WordPress.org). Ele faz tudo automaticamente — sem precisar tocar no código.

Quer algo ainda mais bonito? Veja como usar o Gerenciador de Arquivos do cPanel

Se você quiser ter um controle total, pode editar o arquivo diretamente no Gerenciador de Arquivos do cPanel. Veja como:

1. Faça login no cPanel com suas credenciais.

2. No grupo "Arquivos", clique em Gerenciador de Arquivos.

3. Navegue até a pasta public_html (ou a pasta do seu site, se estiver em subdiretório).

4. Procure o arquivo 404.php e clique em "Editar" (ícone de lápis).

5. Substitua o conteúdo pelo código acima e salve.

Resultado: um erro que cuida do seu visitante

Com essa personalização, seu visitante não vai sair com raiva. Em vez disso, vai ver uma mensagem amigável, com um botão para voltar à página inicial — e talvez até explore mais do seu site!

Seu site é como uma casa: Quando alguém bate na porta e ninguém atende, ele vai embora. Mas quando você abre com um sorriso e diz: "Oi, entre! Aqui tem um café quentinho", ele fica — e talvez até volte.

Pronto! Agora você não só evita que visitantes saiam — você os acolhe mesmo quando algo dá errado. 🌿

Se precisar de ajuda, é só chamar o Sensei da GeHost — estamos aqui com você, sempre.