Como configurar uma página de manutenção personalizada enquanto o site está em obras
Olá, querido(a) cliente da GeHost! 🌟
Se você está reformulando seu site, atualizando seu layout ou preparando uma grande novidade, talvez queira deixar seus visitantes sabendo que o site está em manutenção — com um toque profissional e personalizado. Aqui na GeHost, isso é fácil, rápido e totalmente sob seu controle.
Com apenas alguns passos no cPanel, você pode exibir uma página especial enquanto seu site está "em obras", mostrando uma mensagem amigável, um logo, ou até um contador de dias até o lançamento. Vamos lá?
Passo 1: Acesse o cPanel da sua hospedagem
Para começar, faça login no painel de controle da sua hospedagem:
Digite seu usuário e senha — eles foram enviados por e-mail no momento da contratação. Se não tiver acesso, entre em contato com nosso suporte pelo painel.
Passo 2: Acesse o Gerenciador de Arquivos
Após logar, clique em “Arquivos” no cPanel, e depois em “Gerenciador de Arquivos” (File Manager).
Passo 3: Navegue até a pasta principal do site
No Gerenciador de Arquivos, selecione a opção “public_html” (ou o nome da sua pasta raiz, se estiver em subdomínio). Essa é a pasta onde seu site está hospedado.
Passo 4: Crie um arquivo chamado "maintenance.html"
Clique em “Criar Arquivo” (ou “New File”) na parte superior do painel.
Digite o nome: maintenance.html — note que o nome deve ser exatamente assim, com letras minúsculas e sem espaços.
Após criar, clique duas vezes no arquivo para editá-lo.
Passo 5: Escreva seu conteúdo de manutenção
Na janela de edição, cole o código HTML abaixo. Você pode personalizar com sua marca, cor, imagem ou mensagem:
<!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: 'Arial', sans-serif; text-align: center; padding: 60px; background: #f5f5f5; color: #333; }
.container { max-width: 600px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
h1 { color: #e63946; margin-bottom: 20px; }
p { font-size: 18px; line-height: 1.6; }
.logo { margin: 20px 0; font-size: 24px; font-weight: bold; color: #2a2a2a; }
</style>
</head>
<body>
<div class="container">
<div class="logo">Seu Nome ou Marca</div>
<h1>Estamos em Manutenção!</h1>
<p>Nosso site está sendo atualizado para oferecer uma experiência ainda melhor. Voltaremos em breve!</p>
<p>Agradecemos pela paciência e pelo carinho!</p>
</div>
</body>
</html>⚠️ Dica: Você pode substituir “Seu Nome ou Marca” pelo nome do seu negócio, adicionar uma imagem com <img src="logo.png" alt="Logo"> (se tiver um arquivo no mesmo local), ou mudar as cores para combinar com sua identidade visual.
Passo 6: Renomeie o arquivo principal do site
Volte ao Gerenciador de Arquivos e encontre o arquivo principal do seu site. Geralmente é index.html, index.php ou index.htm.
Renomeie esse arquivo para algo como index.html.bak (ou qualquer outro nome com extensão diferente).
Isso fará com que o servidor não encontre o site principal e, por padrão, exiba o arquivo maintenance.html — que é o que queremos!
Passo 7: Teste a página de manutenção
Abra seu navegador e acesse seu site normalmente (ex: www.seudominio.com.br).
Se tudo estiver certo, você verá sua página de manutenção personalizada! 🎉
Quando o site estiver pronto, basta renomear o arquivo de volta (ex: index.html.bak → index.html) e a página de manutenção desaparecerá.
Importante: Mantenha a segurança
Se você quiser que apenas você (ou pessoas autorizadas) acessem o site durante a manutenção, podemos ajudar a configurar acesso por senha. Basta entrar em contato com o suporte do painel (painel.gehost.com.br) — estamos aqui para te ajudar!
Conclusão
Pronto! Agora seu site está com uma página de manutenção elegante, profissional e totalmente personalizada — sem precisar de programação avançada.
Quer deixar seu visitante feliz enquanto você trabalha? Sim. É só seguir esses passos simples.
Se precisar de ajuda com qualquer detalhe, estamos aqui — com carinho, como sempre. 💚
Com amor, sua Sensei da GeHost 🌿