6 Ideias de Página de Manutenção que Você Pode Usar no Seu Site WordPress

Quando for hora de atualizar ou fazer alterações em um site WordPress, é importante manter os visitantes informados. Uma página de manutenção simples e amigável pode fazer muito para definir expectativas claras.

Com base em nossa experiência ajudando usuários do WordPress com atualizações, redesenhos e correções técnicas, vimos como uma página de manutenção bem elaborada pode fazer mais do que apenas explicar. Ela pode construir confiança, aumentar seu público e manter seu ímpeto, mesmo enquanto o site estiver offline.

Felizmente, você não precisa de habilidades avançadas para fazer isso funcionar. 💡

Neste guia, compartilharemos 6 ideias de páginas de manutenção para ajudar você a manter os visitantes informados, engajados e animados com o que está por vir. Se você está fazendo um ajuste rápido ou planejando um relançamento completo, essas ideias farão com que seu tempo de inatividade pareça progresso, não um retrocesso.

Ideias de páginas de manutenção para o seu site WordPress

Por que e Quando Você Precisa de uma Página de Manutenção no WordPress?

Uma página de manutenção ajuda você a gerenciar as expectativas dos visitantes enquanto você trabalha no seu site nos bastidores.

Normalmente, você pode fazer a maioria das coisas no seu site WordPress sem nunca tirá-lo do ar. No entanto, existem algumas situações em que você precisará colocar seu site em modo de manutenção para evitar conflitos.

Por exemplo, se o seu blog WordPress estiver enfrentando alguns problemas técnicos que possam incomodar seus visitantes ou se você estiver atualizando seu tema WordPress, então você pode adicionar uma página de manutenção para informar seus usuários.

Prévia da página de manutenção

Você também precisará de uma página de manutenção se você gerenciar uma loja de comércio eletrônico ou um site de associação para garantir que os pedidos dos clientes não sejam perdidos e as sessões dos usuários não terminem abruptamente durante o seu período de manutenção. Isso pode melhorar a experiência do usuário em seu site.

Da mesma forma, se você estiver movendo o WordPress de um servidor local para um site ativo ou trocando de um servidor de hospedagem para outro, você precisará de uma página de manutenção.

Isso ajudará a impedir que os usuários vejam seu site enquanto ele está em construção e o protegerá de hackers e vírus. Além disso, adicionar uma página de manutenção atraente pode mitigar danos potenciais ao seu SEO durante o tempo de inatividade do site.

Com isso em mente, mostraremos como criar facilmente uma página de manutenção no WordPress. Aqui está uma visão geral rápida de todos os tópicos que abordaremos neste guia:

Vamos começar.

Como Criar uma Página de Manutenção no WordPress

Você pode criar facilmente uma página de manutenção no WordPress usando SeedProd, que é o melhor construtor de páginas de destino do WordPress do mercado.

É super fácil de usar e vem com um construtor de arrastar e soltar que permite criar temas e páginas de destino atraentes sem usar nenhum código. Além disso, algumas de nossas marcas parceiras o utilizam, e você pode saber mais sobre ele em nossa análise completa do SeedProd.

Página inicial do SeedProd

Primeiro, você precisa instalar e ativar o plugin SeedProd. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

📝 Observação: O SeedProd tem uma versão gratuita que você pode usar para este tutorial. No entanto, a atualização para o plano pago lhe dará acesso a blocos avançados, integrações WooCommerce, uso em sites ilimitados e muito mais.

Após a ativação, visite a página SeedProd » Configurações na barra lateral de administração do WordPress para inserir a chave de licença.

Você pode encontrar essas informações em sua conta no site do SeedProd.

Cole a chave de licença no campo

Depois de fazer isso, visite a tela SeedProd » Landing Pages no painel do WordPress.

A partir daqui, basta clicar no botão ‘Configurar uma página de modo de manutenção’ para começar a construir sua página de manutenção.

Clique no botão Configurar página de modo de manutenção

Isso o direcionará para a tela ‘Escolher um novo modelo de página’, onde você pode selecionar um modelo SeedProd pré-fabricado para sua página de manutenção.

Assim que fizer isso, o modelo de sua escolha será aberto no construtor de arrastar e soltar do SeedProd.

Modelos de manutenção prontos da SeedProd

A partir daqui, você pode usar o modelo como está ou personalizá-lo arrastando e soltando blocos de sua escolha da coluna esquerda.

Por exemplo, se você quiser adicionar um botão de CTA em sua página de manutenção que direcione os usuários para um formulário de contato ou páginas do site que não estão em construção, você pode simplesmente arrastar e soltar o bloco Botão na página.

Adicionar bloco de botão à página de manutenção

Depois de fazer isso, clique novamente no bloco Botão para abrir suas configurações na coluna esquerda.

Agora você pode alterar o texto do botão e adicionar um link para a página do site que não está em construção.

Você também pode alterar o modelo do bloco de botão e personalizá-lo ainda mais alternando para as guias ‘Modelos’ e ‘Avançado’ na coluna esquerda.

Configurar configurações de CTA

Com o bloco ‘Contagem Regressiva‘, você pode mostrar aos seus usuários quanto tempo resta antes que seu site esteja pronto para uso. Além disso, você pode adicionar ícones de mídia social para direcionar os usuários aos seus perfis de mídia social.

Assim que terminar, basta clicar no botão ‘Salvar’ no topo para armazenar suas configurações.

Adicionar bloco de contagem regressiva à página de manutenção

Agora, para publicar sua página de manutenção de site, você deve ir para a aba ‘Configurações da Página’ no topo e alternar o interruptor ‘Status da Página’ para ‘Publicar’.

Depois disso, clique no ícone ‘X’ no canto superior esquerdo da tela para sair do construtor de arrastar e soltar.

Alterne o status da página para publicar e clique no ícone X para sair

Isso exibirá um aviso ‘Modo de Manutenção não está ativo’ em sua tela, pedindo para você ativar o modo de manutenção para que a página de destino possa ser exibida aos usuários.

A partir daqui, basta clicar no botão ‘Sim, Ativar’ para tornar sua página de manutenção ativa.

Clique no botão Sim, Ativar no prompt

Agora você pode visitar seu site para ver a página de manutenção em ação.

Foi assim que ficou em nosso site de demonstração:

Prévia da página de manutenção

Para mais detalhes, você pode consultar nosso tutorial sobre como colocar seu site WordPress em modo de manutenção.

Agora, se você quiser desativar o modo de manutenção assim que seu site estiver pronto, você pode fazer isso visitando a tela SeedProd » Landing Pages no painel do WordPress.

Uma vez lá, basta alternar o interruptor ‘Ativo’ para ‘Inativo’ na seção Modo de Manutenção. Sua página de modo de manutenção agora será desativada e removida da parte frontal do seu site.

Alterne o interruptor da página de manutenção para Inativo

As Melhores Páginas de Manutenção da Web

Mesmo que as páginas de manutenção não sejam visíveis para seus usuários por um longo período, elas definitivamente têm um impacto em como as pessoas veem sua marca.

Por exemplo, uma página de erro feia pode prejudicar a imagem da sua marca, fazendo com que os usuários pensem que seu site está quebrado.

Por outro lado, uma página de manutenção criativa pode ser memorável, fortalecer a identidade da sua marca na mente do usuário e até mesmo empolgá-los para qualquer novo desenvolvimento que você esteja lançando em seu site.

Aqui estão algumas ideias que marcas populares usam ao criar suas páginas em modo de manutenção.

1. Curto e Doce

Em vez de dar explicações detalhadas aos seus usuários sobre o que está acontecendo, você pode mantê-lo curto e simples. Essa abordagem evita confusão entre seus usuários e entrega a mensagem de forma eficaz.

Um dos exemplos mais nostálgicos é o icônico ‘Fail Whale’ do Twitter.

Página de manutenção do Twitter

Havia muitas variações dessa famosa ilustração. O Twitter também usou o Fail Whale como sua página de sobrecarga e página de erro 404 por algum tempo, o que confundiu seus usuários porque a mensagem de erro não comunicava adequadamente o problema.

Recomendamos sempre usar um modelo de página diferente para exibir o erro 404, para que os usuários possam diferenciar quando seu site está em manutenção ou com erro. Aqui estão exemplos de ótimos designs de páginas 404.

Outro exemplo de página curta e simples é a página de manutenção da Atlassian.

Página de manutenção da Atlassian

2. Seja Compassivo

É frustrante quando os usuários querem visitar seu site favorito e não conseguem.

Outra dica a ter em mente ao projetar uma página de manutenção é que você deve reconhecer o inconveniente causado pela manutenção, pedir desculpas pelo transtorno e prometer que está trabalhando duro para trazer seu site de volta o mais rápido possível.

Por exemplo, a página de manutenção do GitHub começa com um pedido de desculpas e, em seguida, oferece uma maneira para os usuários verificarem o status do site.

Página de manutenção do GitHub

Essa técnica mostra que você se importa com seus usuários e deseja tornar a experiência o mais tranquila possível. Também ajuda a construir confiança e reduz a frustração do usuário.

3. Seja Engraçado e Divertido

Tempo de inatividade é irritante, e seus usuários podem ficar bravos com isso. É por isso que um pouco de humor pode ir longe e até motivar os usuários a conferir o que vem a seguir em seu site.

Veja como o Product Hunt usou trocadilhos com gatos em sua página de manutenção.

página de manutenção do product hunt

Da mesma forma, o Patreon usou seu mascote, e se você olhar atentamente, poderá notar que a pequena raposa teve um pequeno acidente.

Isso indica que há algum problema com o site, mas será corrigido em breve.

Página de manutenção do Patreon

Outro exemplo de uma página de manutenção espirituosa é a popular marca de maquiagem Nykaa, que exibe uma mensagem de que o site foi para o spa para uma atualização de beleza.

A mensagem é engraçada e simples e ressoa com o público-alvo da marca, tornando-a um exemplo perfeito.

Página de manutenção Nykaa

Outro exemplo popular é o Flickr, que usa esta imagem para sua página de manutenção.

O humor e a criatividade desta página de manutenção ajudam a tornar o tempo de inatividade menos frustrante para os usuários do site.

Página de manutenção do Flickr

4. Aparência e Sensação Familiar

Usar o logo da sua marca, cores e estilo torna uma página de manutenção mais eficaz porque, quando os usuários estão acostumados com a aparência e a sensação do seu site, eles ficarão menos confusos ao ver a página de manutenção.

Isso ajuda a reduzir a irritação e promove o reconhecimento da marca. Também pode ajudar a manter os usuários engajados, mesmo quando seu site está indisponível.

Um ótimo exemplo disso é a Apple, que usa o mesmo design para sua página de manutenção do site regular.

Página de manutenção da Apple

5. Contagem Regressiva para Retorno

Adicionar um contador regressivo à sua página de manutenção a deixa mais dinâmica. Isso também gera expectativa entre seus usuários.

No entanto, se você não quiser adicionar um temporizador, ainda pode adicionar a hora em que seu site deve voltar a ficar online.

Um ótimo exemplo de adição de um contador regressivo é o site da Meetanshi, que usa um design simplista juntamente com um contador regressivo em sua página de manutenção.

Página de manutenção Meetanshi

Isso ajuda a reduzir a frustração dos visitantes, fornecendo um tempo estimado para quando o site voltará a ficar online.

6. Progresso e Atualizações

A maioria dos sites populares usa o X (anteriormente Twitter) para manter seus usuários atualizados durante a manutenção programada.

No entanto, você também pode adicionar atualizações de status diretamente na página de manutenção para manter os usuários informados. Essa tática incentiva os usuários a continuarem verificando seu site enquanto ele está em manutenção para se manterem atualizados e os faz se sentirem incluídos.

Aqui está um exemplo de como o Upwork adiciona atualizações ao vivo à sua página de manutenção.

Página de manutenção Upwork com atualizações de status

Encontre o Melhor Dia para Manutenção Agendada em Seu Site

Ao trabalhar em um site ativo, você perde visitantes e clientes em potencial a cada minuto que seu site fica fora do ar. Aqui estão algumas dicas que o ajudarão a lidar com a manutenção programada de forma mais eficaz.

Primeiro, você pode verificar seus relatórios do Google Analytics para encontrar os dias de menor movimento em seu site e, em seguida, usar um dia lento para manutenção. Você também pode usar o MonsterInsights, que é o melhor plugin do Google Analytics para WordPress, para encontrar esses relatórios.

Usamos esta ferramenta em nosso site e sempre fomos grandes fãs dela. Para saber mais sobre o plugin de análise, confira nossa análise detalhada do MonsterInsights.

Página inicial do MonsterInsights

Primeiro, você terá que instalar e ativar o plugin MonsterInsights. Para instruções detalhadas, consulte nosso guia para iniciantes sobre como instalar um plugin do WordPress.

📝 Observação: O MonsterInsights também tem uma versão gratuita. No entanto, você precisará do plano pro do plugin para desbloquear o recurso 'Datas Personalizadas'.

Após a ativação, você terá que conectar o plugin ao Google Analytics. Para mais detalhes, consulte nosso tutorial sobre como instalar o Google Analytics no WordPress.

Depois de fazer isso, basta visitar a página Insights » Relatórios na barra lateral de administração do WordPress e mudar para a aba ‘Visão Geral’ no topo.

Em seguida, você pode ver o tráfego para datas específicas clicando no seletor de datas no canto direito da tela.

Seletor de data do MonsterInsights

Por exemplo, se você quiser saber os dias de menor movimento no último mês, pode selecionar a opção ‘Últimos 30 dias’ no menu suspenso.

O MonsterInsights mostrará o tráfego do site no último mês, e você poderá tomar uma decisão informada olhando o gráfico. Por exemplo, se você geralmente tem menos tráfego às terças-feiras, pode valer a pena agendar sua manutenção para uma terça-feira.

Se desejar, você também pode selecionar um intervalo de datas personalizado para encontrar os dias de menor movimento em seu site clicando no botão ‘Definir Intervalo de Datas Personalizado’ no menu suspenso à direita.

Mais Dicas para Manutenção Agendada do Site WordPress

Outra boa dica ao planejar colocar seu site em modo de manutenção é enviar um e-mail para sua lista de e-mails sobre o cronograma de manutenção com antecedência. Dessa forma, seus usuários regulares não serão pegos de surpresa.

Você vai querer garantir que sua página de manutenção ofereça aos usuários maneiras fáceis de entrar em contato, como através do X (anteriormente Twitter), Facebook ou um formulário de contato.

Por último e mais importante, você precisará garantir que seu site volte a ficar online o mais rápido possível. Dessa forma, os visitantes poderão continuar usando seu site, lendo seu conteúdo e comprando seus produtos.

Perguntas Frequentes: Página de Manutenção do WordPress

Antes de terminarmos, aqui estão algumas perguntas comuns sobre páginas de manutenção do WordPress para ajudá-lo a se sentir mais confiante ao configurar uma:

O que é uma página de manutenção?

Uma página de manutenção é uma tela temporária que os visitantes veem quando seu site está sendo atualizado ou trabalhado. Ela ajuda você a evitar a exibição de páginas quebradas ou conteúdo inacabado, mantendo as coisas profissionais enquanto seu site está offline.

Por que devo usar uma página de manutenção no meu site WordPress?

Uma página de manutenção informa aos visitantes o que está acontecendo e quando você voltará. Ela evita confusão, tranquiliza os usuários e ajuda a manter a credibilidade do seu site durante o tempo de inatividade.

Como posso criar uma página de manutenção eficaz?

Uma boa página de manutenção inclui uma mensagem clara, um design simples e elementos úteis como contadores regressivos ou botões de call-to-action. O SeedProd permite que você crie uma facilmente com recursos de arrastar e soltar – sem necessidade de codificação, basta seguir nosso tutorial rápido neste guia.

Posso usar plugins para criar uma página de manutenção no WordPress?

Sim! Construtores de páginas como SeedProd e Beaver Builder facilitam a criação de uma página de manutenção personalizada que combine com sua marca. Eles são fáceis para iniciantes e não exigem nenhum conhecimento técnico.

Ter uma página de manutenção afeta meu SEO?

Não se for tratada corretamente. Uma página de manutenção bem feita pode impedir que os motores de busca indexem mensagens de erro. Apenas evite deixar seu site em modo de manutenção por muito tempo para manter seus rankings seguros.

Recursos Adicionais: Mais Guias de Manutenção do WordPress

Esperamos que este artigo tenha ajudado você a encontrar inspiração para sua página de manutenção. Em seguida, você também pode querer ver nossos tutoriais sobre:

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

11 CommentsLeave a Reply

  1. Eu usava um plugin separado de modo de manutenção para o modo de manutenção. No entanto, graças ao Seed Prod na versão paga, finalmente consegui remover este plugin. Os grandes pontos positivos que vejo residem principalmente no fato de que com o plugin original, as páginas eram predefinidas sem a possibilidade de personalizá-las. O Seed Prod me dá uma enorme oportunidade de personalizar a página de manutenção exatamente ao meu gosto e adaptada aos usuários do meu site. Do artigo, tiro uma ótima dica, que é o contador. Eu não o usava antes, mas devo admitir que apenas a informação sobre a manutenção em si já é frustrante. No entanto, se houver uma contagem regressiva aqui, isso dará aos usuários um feedback claro sobre quando eles podem retornar. É uma ótima dica.

    Só uma pergunta rápida, se eu ativar o modo de manutenção no Seed Prod, presumo que os robôs dos motores de busca entenderão corretamente que o site está temporariamente desativado para manutenção e isso não prejudicará meu SEO, certo?

    • Deveria, sim, a menos que tenha havido uma mudança recente nos motores de busca que não foi relatada.

      Admin

      • Obrigado pela resposta. Tenho mais uma pergunta, que pode ser muito básica. Existe um limite de quanto tempo posso deixar meu site em modo de manutenção antes que os motores de busca comecem a remover meus links indexados? Estou perguntando para ter uma ideia se preciso concluir a manutenção em uma semana ou se tenho apenas alguns dias. Isso é relevante para situações em que, por exemplo, estou redesenhando o site (não o conteúdo). Tais mudanças às vezes podem levar vários dias.

        • There is no specific date limit but it is normally best to keep a maintenance page up for as short as possible :)

  2. Tenho usado o SeedProd principalmente para páginas de destino e modo de manutenção.
    Na verdade, este plugin foi criado inicialmente para atender apenas a essas duas necessidades e, ao que parece, se tornou um construtor de páginas completo.
    Mas não tenho certeza e não explorei todas as funcionalidades de criação de páginas como as disponíveis em construtores de páginas como o Elementor.
    Podemos usar o SeedProd para o desenvolvimento completo de um site com um tema básico e gratuito como o Astra?
    Ou precisamos de um tema premium também, juntamente com o SeedProd?

    • O Seed Prod é um construtor de páginas clássico, assim como o Elementor, por exemplo. Você pode usá-lo para construir um site inteiro e, claro, como um substituto completo para o editor de blocos Gutenberg. Comparado ao Gutenberg, ele tem uma grande vantagem no fato de que os sites são criados de forma fácil e intuitiva nele. Além disso, agora ele também tem suporte de inteligência artificial, por exemplo, para geração de imagens, o que traz uma grande vantagem no fato de que muitas vezes você nem precisa procurar imagens e gráficos para usar no site. O Seed Prod os gerará para você. Eu o uso há algum tempo e é ótimo. Portanto, se você quiser criar um site inteiro usando o Seed Prod e o modelo Astra, é tão possível e fácil quanto com o Elementor, por exemplo.

  3. Uma sugestão: Inclua uma caixa de inscrição "Notifique-me quando estiver pronto" na página de manutenção para adicionar assinantes à sua lista de e-mail. Isso já faz parte do plugin WP Maintenance Mode que o WP Beginner recomendou em outro artigo.

  4. Excelente artigo, obrigado. Seu timing é impecável. Vou começar um grande exercício de manutenção na próxima semana. É exatamente o que eu preciso.

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.