Como configurar error pages customizados Print

  • 0

Como Configurar Páginas de Erro Personalizadas no cPanel da GeHost

Olá, querido(a) cliente! Seja bem-vindo(a) ao seu novo passo rumo a um site mais profissional e acolhedor. Aqui, mesmo quando algo dá errado, você pode transformar um "erro" em uma experiência positiva para seu visitante. 😊

No cPanel da GeHost, você pode personalizar as páginas de erro padrão (como 404 – Página não encontrada ou 500 – Erro interno do servidor) com designs próprios, mensagens amigáveis e até um toque de identidade visual do seu negócio.

Passo a passo: Como configurar suas páginas de erro customizadas

  1. Entre no cPanel

    Abra seu navegador e acesse o painel de controle da GeHost. Você pode fazer isso digitando https://cpanel.gehost.com.br e inserindo seu usuário e senha.

    Tela de LOGIN do cPanel com campos Usuário e Senha + botão Log in
  2. Localize a ferramenta "Error Pages"

    Na página inicial do cPanel (chamada de Home), procure pelo grupo “Advanced” (Avançado). Dentro dele, clique em “Error Pages”.

    Painel inicial (home) do cPanel com os grupos de ferramentas (E-mail, Arquivos etc.)
  3. Escolha o tipo de erro que deseja personalizar

    Na tela de Error Pages, você verá uma lista de códigos de erro comuns: 400, 401, 403, 404, 500, etc. Clique no código que deseja personalizar. Por exemplo, vamos escolher o 404 – Not Found.

  4. Escolha entre "Custom" ou "Default"

    Após selecionar o código, você verá duas opções:

    • Default – Usa a página de erro padrão do servidor (sem personalização).
    • Custom – Permite que você crie sua própria página.

    Selecione Custom.

  5. Edite o conteúdo da sua página personalizada

    Um editor de texto aparecerá. Aqui você pode digitar HTML e CSS simples para montar sua página. Por exemplo:

    Exemplo de página 404 personalizada:

    <html>
    <head>
      <title>Página não encontrada</title>
      <style>
        body { font-family: 'Arial', sans-serif; text-align: center; margin-top: 50px; background: #f8f9fa; }
        h1 { color: #d32f2f; }
        a { color: #1976d2; text-decoration: none; }
        a:hover { text-decoration: underline; }
      </style>
    </head>
    <body>
      <h1>Oops! Página não encontrada.</h1>
      <p>O endereço que você procurou não existe.</p>
      <a href="/">Voltar para a página inicial</a>
    </body>
    </html>

    💡 Dica: Não se preocupe se não souber HTML. Você pode copiar esse exemplo e adaptar com sua cor preferida, seu nome ou um botão "Voltar ao início".

  6. Salve sua configuração

    Após escrever seu texto ou código, clique em “Save” (Salvar). Pronto! A partir de agora, qualquer pessoa que acessar uma página inexistente no seu site verá sua página personalizada.

Dicas extras para deixar tudo perfeito

  • Use sempre o nome do seu site ou um slogan amigável na página de erro.
  • Coloque um link para a página inicial — isso ajuda o visitante a não sair do seu site.
  • Evite usar imagens grandes ou vídeos no erro: eles podem tornar a página lenta.
  • Teste sua página! Acesse um endereço inexistente no seu site (ex: seusite.com/alguma-pagina-que-nao-existe) e veja como ela aparece.

Parabéns! Você acabou de transformar um erro comum em uma experiência positiva para seu visitante. Isso mostra que seu site não só funciona, como cuida do usuário — e isso faz toda a diferença!

Se precisar de ajuda com HTML, CSS ou quiser um modelo pronto, é só chamar a nossa equipe de suporte. Estamos aqui para te ajudar, sempre. 💚


Was this answer helpful?

« Back