Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como colocar o WooCommerce no modo de manutenção

Como colocar sua loja WooCommerce no modo de manutenção (passo a passo) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
    
Avaliado por: avatar do revisor Turner John
avatar do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Já presenciei o pânico quando um proprietário de loja tenta editar preços em massa ou reformular o fluxo de checkout em um site ativo. Os compradores veem mensagens de erro e as vendas param.

É por isso que um modo de manutenção adequado é imprescindível para qualquer loja WooCommerce séria. Ele permite que você trabalhe nas páginas da sua loja nos bastidores com total confiança.

Embora você possa tentar usar código, eu sempre recomendo um plug-in como o SeedProd. Ele permite que você crie uma página profissional em minutos e controle exatamente quais partes da sua loja estão ocultas, sem o risco de erros de digitação prejudicarem o site.

Neste guia, eu o orientarei nas etapas exatas que uso para colocar uma loja do WooCommerce no modo de manutenção da maneira correta.

TL;DR: Para colocar sua loja WooCommerce em modo de manutenção, instale um plug-in como o SeedProd, crie uma nova página de manutenção a partir de um modelo, use os controles de acesso para ocultar URLs específicas da loja (como /shop e /checkout) e, em seguida, ative o modo no painel do plug-in.

O que é o modo de manutenção do WooCommerce?

O modo de manutenção do WooCommerce permite ocultar temporariamente sua loja e exibir uma mensagem personalizada enquanto você faz atualizações. Isso evita que os compradores vejam erros e mantém seu site com aparência profissional.

Eis por que é fundamental usar o modo correto:

  • Experiência do usuário: Os administradores conectados podem ignorar a tela para trabalhar, enquanto os visitantes veem uma página de espera elegante em vez de um site com erros.
  • Proteção SEO: Uma página adequada envia aos motores de busca um sinal de que o tempo de inatividade é temporário, evitando quedas na classificação.
  • Status técnico: retorna um status HTTP 503 Serviço indisponível, que informa ao Google exatamente quando verificar novamente.

Quando e por que usar o modo de manutenção do WooCommerce

O modo de manutenção é útil sempre que sua loja pode parecer quebrada ou confusa para os compradores.

Antes e depois de usar um plug-in de modo de manutenção do WooCommerce para desativar temporariamente as páginas da loja

Aqui estão situações comuns e a melhor maneira de lidar com elas:

SituaçãoMelhor modoTempo necessárioO que os compradores veemAnálises
Instalação de atualizações ou plug-insManutenção completa 50315 a 30 minutos"Mensagem "Voltaremos em brevePouca ou nenhuma perda de dados
Adição de produtos em massaPágina Em breve (sem 503)Algumas horasAviso de contagem regressiva ou de lançamentoTráfego ainda rastreado
Mudança de design ou tema503 com mensagem da marcaVárias horas ou um dia"Melhorias no site em andamento"As visitas podem cair
Correção de problemas urgentes de segurançaImediato 503O mais curto possívelNota rápida "Em manutenção"Pequena lacuna nos dados
Teste de novos recursosUse um site de teste (sem tempo de inatividade)N/AN/ASem impacto

Usar o modo correto mantém os clientes informados, protege seu SEO e ajuda a evitar a perda de vendas.

Observação: Antes de fazer qualquer alteração em seu site, certifique-se de fazer o backup do site para evitar erros. Para obter ajuda com isso, consulte meu guia sobre como fazer backup de um site WordPress. Isso também ajuda a garantir que nada seja interrompido enquanto você desativa temporariamente sua loja WooCommerce.

Você deve usar um código ou um plug-in para o modo de manutenção do WooCommerce?

Antes de configurar o modo de manutenção do WooCommerce, decida se deseja a velocidade e a segurança de um plug-in ou o controle manual da adição de código.

Uso de um plug-in (melhor para a maioria dos usuários)

Construtor de sites WordPress SeedProd Drag and Drop

Um plugin como o SeedProd é a maneira mais fácil de ativar o modo de manutenção do WooCommerce. Você não precisa mexer no código e pode criar uma página personalizada com seu logotipo, as cores da marca e até mesmo um formulário de inscrição por e-mail. Também é mais seguro, pois você não correrá o risco de quebrar seu site editando arquivos de tema.

Uso de código (para usuários avançados)

Se estiver familiarizado com PHP, você poderá adicionar um pequeno trecho de código ao functions.php arquivo. Isso mostrará uma mensagem básica de "Manutenção" aos visitantes.

Observação: A edição direta dos arquivos do tema pode causar erros se você cometer um engano. Sempre faça backup de seu site antes de adicionar código e lembre-se de que você não terá opções de design como acontece com um plug-in.

Observação: se não estiver usando o SeedProd, você pode tentar plugins básicos como o LightStart ou o CMP Coming Soon. Eles são gratuitos e simples, mas não oferecem o mesmo controle sobre as páginas do WooCommerce ou flexibilidade de design.

Como colocar o WooCommerce no modo de manutenção (passo a passo)

Veja exatamente como colocar o WooCommerce em modo de manutenção usando o SeedProd sem conflitos de código ou plug-in.

Etapa 1. Instale um plugin de modo de manutenção do WooCommerce

Primeiro, você precisará colocar o SeedProd em funcionamento em seu site WordPress.

  1. Faça o download do SeedProd Pro: Visite o site do SeedProd e escolha um plano Pro. Para seguir este tutorial e ocultar páginas específicas do WooCommerce usando os controles de acesso, você precisará da versão Pro.
  2. Instale o plug-in: Depois de fazer o download do SeedProd, vá para o painel do WordPress, navegue até Plugins " Add New e carregue o arquivo do plug-in.
  3. Ativar o SeedProd: Após a instalação, clique no botão "Activate" (Ativar).
  4. Comece a construir: Você verá um novo menu "SeedProd" no painel do WordPress. Clique nele e, em seguida, clique no botão "Set up a Maintenance Mode Page" (Configurar uma página de modo de manutenção). Agora você está pronto para criar sua página de manutenção personalizada.
Configure uma página de modo "em breve" ou de modo de manutenção do WooCommerce usando o SeedProd

Etapa 2. Crie sua página de manutenção do WooCommerce

Uma boa página de manutenção do WooCommerce faz mais do que dizer: "Voltaremos em breve". É uma chance de tranquilizar os clientes, criar confiança e até mesmo coletar leads. Com o construtor de arrastar e soltar do SeedProd, você pode criar um design sofisticado em minutos.

Escolha um modelo de modo de manutenção (ou comece do zero)

O SeedProd inclui uma biblioteca de modelos criados por profissionais, portanto, você não precisa começar do zero. Escolha um que combine com sua marca e, em seguida, personalize-o.

modelos de modo de manutenção

Se preferir ter controle total, escolha um modelo em branco e crie-o do zero. Basta passar o mouse sobre o modelo desejado e clicar na marca de seleção para usá-lo.

Personalize sua página do modo de manutenção

O construtor visual simplifica a edição. Arraste e solte textos, imagens, vídeos, cronômetros de contagem regressiva ou formulários diretamente em seu layout, sem necessidade de codificação.

Criador visual do seedprod

Por exemplo, você pode adicionar um cronômetro de contagem regressiva para mostrar quando sua loja será reaberta. Clique no bloco para estilizá-lo, definir a data e a hora e personalizá-lo de acordo com sua página.

cronômetro de contagem regressiva do tipo arrastar e soltar

Também é possível adicionar seções predefinidas, como perguntas frequentes, recursos ou chamadas para ação. Tente incluir um código de desconto ou um formulário de adesão para trazer os visitantes de volta quando a loja for reaberta.

Elementos essenciais para uma página de manutenção com alta taxa de conversão

Aprendi que uma página genérica com a mensagem “Em construção” costuma frustrar os visitantes. Para manter os compradores satisfeitos e as vendas potenciais aquecidas, utilizo uma estratégia de layout específica.

Aqui estão os três elementos indispensáveis que coloco em todas as páginas de manutenção:

  • Um cronograma concreto: eu sempre uso o bloco Contador regressivo. Isso tranquiliza os clientes, pois mostra que o site não está fora do ar para sempre, mas apenas temporariamente.
  • Opção “Notifique-me”: você não quer perder esse tráfego. Coloco um formulário de inscrição em destaque para poder enviar um e-mail aos compradores interessados assim que o catálogo estiver disponível novamente.
  • Informações de contato de emergência: se um cliente estiver aguardando um pedido, ele precisará de uma maneira de entrar em contato com você. Normalmente, adiciono um bloco simples de perfis sociais ou um link de e-mail de suporte na parte inferior.

Dica profissional: os blocos de arrastar e soltar do SeedProd facilitam a adição de todos esses elementos em segundos. Você pode até exibir um código de cupom “Especial de manutenção” para se desculpar pelo tempo de inatividade.

Quando a página estiver do jeito que você quer, clique em "Save" (Salvar) no canto superior direito do construtor.

Etapa 3. Ocultar as páginas da loja WooCommerce enquanto você trabalha

Por padrão, o SeedProd oculta todo o seu site. No entanto, você provavelmente deseja manter seu blog e sua página inicial ativos enquanto trabalha em seus produtos.

Para isso, utilizaremos os Controles de Acesso para ocultar apenas páginas específicas do WooCommerce.

Configurações da página do seedprod
  1. Controles de acesso aberto: No construtor SeedProd, vá para Configurações da página » Controles de acesso.
  2. Incluir URLs: Selecione a opção “Incluir URLs”. Isso indica ao SeedProd para mostrar sua página de manutenção apenas nos links específicos que você listar aqui.
  3. Adicionar páginas WooCommerce: Cole os URLs que deseja ocultar. Certifique-se de substituir “example.com” pelo seu nome de domínio real.

Importante: essas configurações funcionam melhor se os permalinks do WordPress estiverem definidos como “Nome da publicação”. Você pode verificar isso no painel do WordPress, em Configurações » Permalinks.

  • https://yourdomain.com/shop
  • https://yourdomain.com/cart
  • https://yourdomain.com/checkout
  • https://yourdomain.com/my-account

Dica profissional: se você deseja que os clientes existentes acessem seus downloads ou histórico de pedidos, remova o link “minha conta” desta lista.

Oculte a loja WooCommerce dos clientes com os controles de acesso do SeedProd
  1. Proteger páginas de produtos: Para ocultar todas as listagens de produtos, use URLs curinga para que todas as páginas de produtos ou categorias permaneçam ocultas:
  • https://yourdomain.com/product/*
  • https://yourdomain.com/product-category/*
  • https://yourdomain.com/product-tag/*

Dica de sintaxe: O asterisco (*) é um curinga. Ele instrui o sistema a incluir todas as subpáginas sob esse caminho de URL. Por exemplo, https://yourdomain.com/product/* oculta todas as páginas de produtos do seu site.

Etapa 4. Ativar o modo de manutenção do WooCommerce

  1. Publicar: Clique na seta suspensa ao lado do botão "Save" (Salvar) no construtor do SeedProd e selecione "Publish" (Publicar).
Salve e publique sua página de modo de manutenção do WooCommerce
  1. Pré-visualização: Quando sua página estiver no ar, clique em "See Live Page" (Ver página ao vivo) para garantir que tudo seja exibido corretamente.
publicado ver página ao vivo
  1. Habilite o modo de manutenção: No painel do WordPress, vá para SeedProd " Pages. Em "Maintenance Mode" (Modo de manutenção), alterne a chave de "Inactive" (Inativo) para "Active" (Ativo).
Como colocar o WooCommerce em modo de manutenção

Sua loja WooCommerce está agora em modo de manutenção. Os visitantes verão sua página personalizada enquanto você faz atualizações com segurança em segundo plano.

Aqui está um exemplo de como sua página de manutenção do WooCommerce pode parecer quando estiver ativa:

Página de modo de manutenção ao vivo do woocommerce

Como desativar o modo de manutenção

Quando suas atualizações estiverem concluídas, volte para SeedProd " Pages e alterne o "Maintenance Mode" (Modo de manutenção) para "Inactive" (Inativo).

Desativar o modo de manutenção do WordPress

Sua loja WooCommerce está novamente on-line e pronta para os compradores.

Bônus: Capture leads com uma página "Em breve

Se você quiser capturar leads enquanto sua loja WooCommerce estiver em modo de manutenção, crie uma página de lançamento em breve com um formulário de lista de espera.

Com o SeedProd, é fácil criar uma página de aterrissagem digna de ser comentada e adicionar um formulário de inscrição de e-mail,

Página de destino da lista de espera com formulário de inscrição

Perguntas frequentes (FAQ)

Posso proteger toda a minha loja WooCommerce com senha?
Sim, você pode proteger com senha toda a sua loja WooCommerce. Plugins como o SeedProd permitem que você configure uma senha que os visitantes devem digitar para ver os produtos e fazer compras.
O modo de manutenção interromperá os webhooks do WooCommerce ou as chamadas de API?
Isso pode acontecer. Um bloqueio completo 503 pode interromper webhooks, gateways de pagamento ou integrações de terceiros. Se você precisar delas ativas, use uma página "Coming Soon" (Em breve) em vez do modo de manutenção estrito.
A Cloudflare ou minha CDN armazenará em cache a página de manutenção?
Sim, e essa é uma etapa importante. Os CDNs e os navegadores podem armazenar em cache sua página temporária. Se você não limpar o cache depois de desativar o modo de manutenção, os visitantes ainda poderão ver a página de manutenção antiga em vez de sua loja ativa. Sempre limpe o cache da CDN e do site depois de terminar.
Por quanto tempo minha loja pode ficar em modo de manutenção sem prejudicar o SEO?
Como este guia mostra como ocultar apenas as páginas da sua loja, o risco é muito baixo. No entanto, para as páginas ocultas, mantenha o tempo de inatividade idealmente inferior a 24 horas. Interrupções mais longas podem fazer com que o Google considere o status 503 como um erro permanente.
Devo usar 503 ou noindex para o modo de manutenção do WooCommerce?
Use um 503 Service Unavailable com um status Retry-After cabeçalho. Isso informa aos mecanismos de pesquisa que o tempo de inatividade é temporário. Evite noindexpois isso pode fazer com que as páginas de sua loja saiam dos resultados de pesquisa.
O modo de manutenção afeta o Google Search Console?
As respostas temporárias 503 serão exibidas como "erros de servidor" no Search Console, mas desaparecerão quando o site estiver no ar novamente. Desde que o tempo de inatividade seja curto, as classificações estão seguras.

A ativação do modo de manutenção do WooCommerce ajuda a proteger a experiência de seus clientes durante atualizações ou reformulações do site. Em vez de ver páginas quebradas, os visitantes visualizam uma mensagem profissional que mantém sua marca confiável e consistente.

Esse recurso também lhe dá tempo para fazer alterações importantes com segurança, seja para corrigir bugs, adicionar novos produtos ou ajustar o tema. Sua loja permanece privada até que tudo esteja pronto para ser relançado.

A maneira mais fácil de fazer isso é com um plug-in confiável como o SeedProd. Ele cuida da configuração técnica para você, de modo que não há necessidade de editar o código ou correr o risco de ficar fora do ar.

Para obter mais dicas práticas sobre o WooCommerce, confira estes guias úteis:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.