Como configurar uma página de manutenção temporária no site

Como configurar uma página de manutenção temporária no seu site

Olá, querido(a) cliente da GeHost! 👋

Se você está fazendo atualizações no seu site — como uma nova versão, mudança de design, ou ajustes importantes — pode ser uma boa ideia colocar uma página de manutenção temporária. Assim, seus visitantes não encontram erros ou conteúdo incompleto enquanto você trabalha. E o melhor: é bem simples de fazer, mesmo que você não tenha experiência técnica!

Na GeHost, você pode fazer isso diretamente no cPanel, com apenas alguns cliques. Vamos lá, passo a passo?

Passo 1: Acesse o cPanel

Primeiro, faça login no seu painel de controle. Se já está logado, pule para o próximo passo.

Passo 2: Abra o Gerenciador de Arquivos

No cPanel, procure pela ferramenta chamada Gerenciador de Arquivos (File Manager). Ela está na seção Arquivos.

Depois de clicar nela, selecione a opção public_html (essa é a pasta principal do seu site) e clique em Ir.

Passo 3: Crie um arquivo chamado index.html

Na pasta public_html, clique no botão Novo Arquivo (ou "New File").

Digite o nome: index.html (sem aspas).

Depois de criar, clique duas vezes no arquivo para editá-lo.

Passo 4: Escreva o conteúdo da página de manutenção

Na janela de edição, cole este código simples (não se preocupe, não precisa entender tudo — é só copiar e colar):

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Site em Manutenção</title>
  <style>
    body { font-family: 'Segoe UI', sans-serif; text-align: center; padding: 50px; background: #f5f5f5; color: #333; }
    .container { max-width: 600px; margin: 0 auto; padding: 30px; background: white; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
    h1 { color: #e63946; }
    p { font-size: 1.2em; line-height: 1.6; }
    .time { font-style: italic; color: #666; margin-top: 20px; }
  </style>
</head>
<body>
  <div class="container">
    <h1>✨ Estamos em Manutenção </h1>
    <p>Nosso site está temporariamente indisponível para atualizações. Estamos trabalhando para deixá-lo ainda melhor!</p>
    <p>Volte em breve — esperamos você! 🙌</p>
    <div class="time">Estimativa de retorno: 24 horas</div>
  </div>
</body>
</html>

Passo 5: Salve o arquivo

Depois de colar o código, clique em Salvar Alterações no canto superior direito.

Pronto! Agora, quando alguém acessar seu site, verá essa página.

Passo 6: Restaure o site quando terminar

Quando a atualização estiver pronta, basta:

1. Retornar ao Gerenciador de Arquivos.
2. Apagar o arquivo index.html.
3. Se o seu site original tinha um index.html ou index.php, ele voltará a aparecer automaticamente.

Dica da Sensei: Para não esquecer, marque uma lembrete no calendário com a data de retorno da manutenção. Assim, você não deixa o site fora por mais tempo do que o necessário!

Conclusão

Veja só: com apenas 6 passos simples, você protege a experiência do seu visitante e mantém seu site organizado. Não precisa de código avançado — só um pouco de cuidado e atenção. 💛

Se precisar de ajuda, estamos aqui! É só nos chamar. Até a próxima, e que seu site cresça com amor e propósito.