Como criar uma página de manutenção personalizada durante uma atualização no site
Olá, querido(a) cliente da GeHost! 🌟
Se você está atualizando seu site — seja para mudar o design, instalar um novo sistema ou fazer melhorias — é uma ótima ideia deixar seu público informado com uma página de manutenção personalizada. Assim, mesmo que o site esteja temporariamente indisponível, o visitante não vai se perder ou achar que algo deu errado.
Na GeHost, você pode fazer isso com apenas alguns cliques no cPanel, o painel de controle que já está integrado ao seu plano de hospedagem. Vamos lá, com calma, passo a passo — como se eu estivesse te ensinando na mão, com um sorriso no rosto.
Passo 1: Acesse o cPanel
Para começar, faça login no seu painel de controle:
- Abra o navegador e vá para painel.gehost.com.br.
- Insira seu usuário de hospedagem (geralmente é o nome do domínio) e sua senha.
Passo 2: Acesse o Gerenciador de Arquivos
Depois de logado, procure por “Gerenciador de Arquivos” na seção “Arquivos” do cPanel.
- Selecione a opção “public_html” (essa é a pasta raiz do seu site).
- Clique em “Ir” para abrir a estrutura de arquivos.
Passo 3: Crie a página de manutenção
Na pasta public_html, vamos criar um arquivo chamado manutencao.html (ou qualquer nome que você queira, mas mantenha a extensão .html).
- Clique no botão “Criar Arquivo” (ou “New File”).
- Digite o nome: manutencao.html.
- Clique em “Criar”.
Passo 4: Edite o conteúdo da página
Após criar o arquivo, clique duas vezes nele para editá-lo.
Insira o seguinte código HTML simples (não se preocupe, não precisa saber programação — é só colar):
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Site em Manutenção</title>
<style>
body { font-family: Arial, sans-serif; text-align: center; margin-top: 100px; background: #f5f5f5; color: #333; }
h1 { color: #e63946; }
strong { color: #0077cc; }
</style>
</head>
<body>
<h1>🚧 Site em Manutenção</h1>
<p>Estamos atualizando nosso site para trazer mais conforto e novidades para você!</p>
<p>Volte em breve — em breve estamos de volta!</p>
<p>Se precisar de ajuda, entre em contato com o suporte da <strong>GeHost</strong>.</p>
</body>
</html>
Depois de colar, clique em “Salvar Alterações”.
Passo 5: Faça o site apontar para a página de manutenção
Agora, vamos garantir que, ao acessar seu site, o visitante veja essa página.
- Volte ao Gerenciador de Arquivos.
- Encontre o arquivo
index.htmlouindex.php(seu arquivo principal). - Renomeie-o para
index.html.oldouindex.php.old(isso evita que ele seja usado). - Renomeie o arquivo
manutencao.htmlparaindex.html.
Pronto! Agora, quando alguém acessar seu site, verá a página de manutenção.
Passo 6: Restaure o site após a atualização
Quando a atualização estiver concluída:
- Volte ao Gerenciador de Arquivos.
- Renomeie
index.html(a página de manutenção) paramanutencao.html. - Renomeie o arquivo original (ex:
index.html.old) de volta paraindex.html. - Salve as alterações.
Seu site volta a funcionar normalmente — e seu público nem percebeu a pausa!
Dica do Sensei da GeHost
Se quiser deixar a página ainda mais personalizada, você pode:
- Adicionar uma imagem do seu logo.
- Usar cores que combinem com sua marca.
- Colocar uma previsão de retorno (ex: “Voltamos em 24h!”).
É só editar o arquivo HTML com um pouco de criatividade. O importante é manter o visitante informado e tranquilo.
Importante: Sempre mantenha cópia de segurança
Antes de fazer qualquer alteração importante, faça um backup da sua pasta public_html no cPanel, na seção “Backup”. Assim, se algo der errado, você pode voltar ao ponto anterior com segurança.
Se precisar de ajuda, estamos aqui! 🤝
Seu suporte da GeHost está disponível por 30 dias após a entrega — e sempre com carinho.
Com muito respeito e abraços,
Sensei da GeHost
*Grupo: G e Soluções e Eventos LTDA (CNPJ: 46.647.904/0001-04)*