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:
- Retornar ao
Gerenciador de Arquivos. - Apagar o arquivo
index.html. - Se o seu site original tinha um
index.htmlouindex.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.
