Como Habilitar o Modo de Manutenção para WooCommerce

Um proprietário de loja WooCommerce compartilhou recentemente como um cliente enviou um e-mail durante uma atualização de rotina, perguntando se o negócio havia fechado. Por quê? O cliente acessou uma página de checkout quebrada enquanto o site estava sendo atualizado.

Situações como essa são mais comuns do que você imagina – e elas mostram por que toda loja online precisa de um modo de manutenção adequado. É como colocar um letreiro profissional de “Em Breve” que mantém sua marca com uma aparência polida enquanto você faz alterações nos bastidores.

Isso é importante porque mesmo uma breve interrupção pode levar à perda de vendas e abalar a confiança do cliente.

Ao longo dos anos ajudando muitos proprietários de lojas WooCommerce, encontramos as melhores maneiras de lidar com a manutenção do site sem confundir os visitantes ou prejudicar sua reputação.

Neste guia, mostrarei como ativar facilmente o modo de manutenção para WooCommerce usando ferramentas testadas e dicas práticas – para que você possa atualizar sua loja com confiança. 🌟

Como habilitar o modo de manutenção para o WooCommerce

Por que e Quando Você Precisa Ativar o Modo de Manutenção do WooCommerce

Existem bons motivos para usar o modo de manutenção para sua loja WooCommerce. Primeiro, quando você estiver fazendo grandes alterações na loja, ativar o modo de manutenção do WordPress impede que os usuários visitem o site e vejam uma bagunça.

Em seguida, se sua loja online tiver problemas, especialmente com pagamentos do WooCommerce, ativar o modo de manutenção impede que os clientes enfrentem problemas. Por sua vez, você pode corrigir essas tarefas de manutenção até que possa colocar sua loja no ar novamente.

Se você está adicionando uma nova loja online ao seu site existente e quer que seja uma surpresa até que esteja pronta, o modo de manutenção é perfeito. Você pode exibir uma página de modo de manutenção legal para deixar as pessoas animadas enquanto você trabalha na sua página da loja WooCommerce.

Se você está passando por algum desses cenários, então este artigo é para você. Nas seções a seguir, veremos como habilitar o modo de manutenção no WooCommerce. Você pode usar estes links rápidos para navegar pelas etapas:

  1. Instale um Plugin de Página de Modo de Manutenção
  2. Crie Sua Página de Modo de Manutenção
  3. Configure as Definições do Modo de Manutenção
  4. Coloque Sua Loja WooCommerce em Modo de Manutenção
  5. Dica Bônus: Crie uma Landing Page Viral de Lista de Espera para Sua Loja WooCommerce
  6. Recursos Bônus: Mais Guias de Manutenção do WordPress

Vamos começar.

Etapa 1: Instale um Plugin de Página de Modo de Manutenção

A maneira mais fácil de habilitar o modo de manutenção para WooCommerce é usando o SeedProd.

SeedProd é o melhor construtor de landing pages para WordPress, usado em mais de 1 milhão de sites. Ele permite que você crie belas páginas de "em breve", melhore sua página 404 e até mesmo crie landing pages exclusivas usando arrastar e soltar.

Algumas de nossas marcas parceiras realmente usam o SeedProd para construir seus sites. Elas tiveram ótimas experiências com ele, e nós também recomendamos fortemente que você dê uma olhada.

Veja nossa análise detalhada do SeedProd para mais informações.

Página inicial do SeedProd

Existe uma versão gratuita do SeedProd que permite criar uma página de modo de manutenção. No entanto, usaremos a versão premium, pois ela permite colocar sua loja WooCommerce em modo de manutenção enquanto mantém o restante do seu site disponível.

A primeira coisa que você precisa fazer é instalar e ativar o plugin SeedProd. Para mais detalhes, veja nosso guia sobre como instalar um plugin no WordPress.

Após ativar o plugin, o SeedProd solicitará sua chave de licença.

Adicionando a chave de licença do SeedProd ao seu site WordPress

Você pode encontrar essas informações em sua conta no site do SeedProd. Após inserir a licença, clique no botão ‘Verificar Chave’.

Depois de fazer isso, você estará pronto para colocar sua loja WooCommerce em modo de manutenção.

Passo 2: Crie Sua Página de Modo de Manutenção

Após ativar o SeedProd, vá para SeedProd » Páginas. Aqui, você pode escolher se deseja criar uma página de modo de manutenção ou uma página de em breve.

Embora algumas pessoas usem esses termos de forma intercambiável, existem algumas diferenças importantes que você deve saber. Confira nossa explicação detalhada em nosso artigo em breve vs. modo de manutenção.

Mas, essencialmente, se você criar uma página 'Em Breve', os mecanismos de busca ainda poderão ver e rastrear as páginas da sua loja. Isso dá ao seu site WooCommerce uma chance de ser indexado pelos mecanismos de busca.

Se você está construindo uma nova loja, então você normalmente vai querer criar uma página de em breve.

Por outro lado, se sua loja estiver fora do ar para manutenção, você deve criar uma página de 'Modo de Manutenção' em vez disso. Este modo informa aos mecanismos de busca que seu site está temporariamente fora do ar, usando o código de cabeçalho especial 503.

Após obter este código, os bots de busca verificarão novamente seu site WordPress mais tarde para ver se ele está online novamente. Dessa forma, você pode ocultar a página da sua loja dos compradores sem afetar seus rankings nos mecanismos de busca.

Criaremos uma página de modo de manutenção neste guia, mas os passos serão os mesmos, não importa se você clicar no botão 'Configurar uma Página de Modo de Manutenção' ou 'Configurar uma Página de Em Breve'.

Criando uma página de manutenção para sua loja online

O próximo passo é construir a página que os compradores verão quando você ativar o modo de manutenção para seu marketplace online ou loja.

Você pode escolher um modelo pronto ou começar com um design em branco. Estamos usando 'Celebrate Coming Soon' em todas as nossas imagens, mas você pode usar qualquer modelo que desejar.

Para selecionar um kit de modelo SeedProd, basta passar o mouse sobre a miniatura desse design e clicar no ícone de 'check'.

Escolhendo a página de "em breve" do WooCommerce

Após selecionar um modelo, você será levado ao construtor de páginas drag-and-drop, onde você pode começar a personalizar o design do modo de manutenção.

No lado esquerdo da tela, você encontrará blocos e seções que pode adicionar ao seu design. O lado direito da página é a pré-visualização ao vivo.

Como criar um modo de manutenção para o WooCommerce

A maioria dos modelos já possui alguns blocos, que são uma parte central de todos os designs SeedProd. Para começar, você normalmente desejará personalizar esses blocos editando o texto ou adicionando sua imagem, links e outro conteúdo.

Para alterar o texto em qualquer bloco de Título ou Texto, basta clicar para selecionar esse bloco em seu layout. Isso exibirá todas as configurações para aquele bloco específico.

Agora você pode digitar seu texto no pequeno editor de texto.

Adicionando texto a uma página de "em breve" do WooCommerce

Você também pode usar essas configurações para estilizar o texto, incluindo adicionar formatação em negrito e itálico, alterar o alinhamento do texto, alterar o tamanho da fonte e muito mais.

Você pode adicionar mais blocos à sua página de manutenção arrastando-os do menu esquerdo e soltando-os em seu design.

Por exemplo, se você quisesse adicionar um logotipo personalizado, você poderia simplesmente arrastar um bloco de Imagem para o seu layout.

Adicionando um logotipo à página de manutenção da sua loja online

Em seguida, basta clicar para selecionar esse bloco em seu layout, e o menu esquerdo mostrará todas as configurações para esse bloco.

Para adicionar um logotipo, clique em ‘Usar sua própria imagem’.

Construindo uma página de "em breve" personalizada com o WooCommerce

Você pode então escolher uma imagem da biblioteca de mídia do WordPress ou fazer upload de um novo arquivo do seu computador.

Após adicionar uma imagem, você pode alterar o tamanho, adicionar texto alternativo da imagem, incorporar um link e muito mais usando as configurações no menu esquerdo.

O plugin construtor de páginas SeedProd

Se você estiver usando o plugin WPForms, poderá adicionar um formulário de contato à página de manutenção de forma rápida e fácil. Isso dá aos compradores uma maneira de falar com você, mesmo quando seu site WooCommerce estiver fora do ar para manutenção.

ℹ️ Observação: WPForms é nosso construtor de formulários de contato preferido aqui no WPBeginner. Nós o usamos para criar muitos de nossos formulários, incluindo nossas pesquisas anuais com leitores e o formulário de solicitação de migração de site. Saiba mais sobre o plugin em nossa análise completa do WPForms.

Após criar um formulário de contato, você pode arrastar o bloco Formulário de Contato para o seu layout do SeedProd.

Adicionando um formulário de contato à sua página de manutenção

Em seguida, basta clicar para selecionar o bloco Formulário de Contato para abrir suas configurações.

No menu esquerdo, abra o menu suspenso e escolha o formulário que você criou anteriormente.

Adicionando um formulário de contato à tela de manutenção do WooCommerce

Você pode até usar o WPForms para criar um formulário de inscrição por e-mail para que possa notificar os assinantes quando sua loja estiver aberta para negócios. Para instruções passo a passo, consulte nosso guia sobre como criar uma lista de e-mails no WordPress.

Para remover um bloco do seu design, basta clicar nele. Você pode então selecionar o ícone de lixeira.

Excluindo blocos no construtor de páginas SeedPage

Você também pode mover blocos pela página usando arrastar e soltar.

Simplesmente continue adicionando blocos ao seu layout e, em seguida, personalizando-os usando as configurações no menu esquerdo.

Por exemplo, se você estiver usando o RafflePress, você pode criar um sorteio de cupom do WooCommerce e promovê-lo em sua página de modo de manutenção.

ℹ️ Observação: O RafflePress também é um dos nossos plugins favoritos e o usamos para realizar nosso sorteio anual de aniversário. Veja nossa análise completa do RafflePress para mais informações sobre o plugin.

Um sorteio, criado usando RafflePress

Para mais informações, consulte nosso guia sobre como realizar um concurso no WordPress.

Quando estiver satisfeito com a aparência da página de manutenção, certifique-se de clicar em ‘Salvar’.

Salvando o modelo de modo de manutenção

Etapa 3: Configurar as Definições do Modo de Manutenção

Agora que você criou uma página personalizada de em breve ou de manutenção, vamos ativá-la em seu site de comércio eletrônico.

Aqui, queremos colocar a loja em modo de manutenção, mas não o site inteiro. Para fazer isso, clique na aba ‘Configurações da Página’ dentro do editor SeedProd.

Em seguida, selecione a aba ‘Controle de Acesso’.

Configurações de controle de acesso do SeedProd

Você pode usar essas configurações para especificar onde a página de em breve ou de manutenção aparece em seu site WordPress e quem a vê. Por exemplo, você pode mostrar esta página para pessoas que têm uma função de usuário ou endereço IP específico.

Como queremos colocar nosso site WooCommerce em modo de manutenção, role até a seção ‘Incluir/Excluir URLs’.

Em seguida, basta clicar no botão ‘Incluir URLs’.

Habilitando o modo de manutenção para uma loja WooCommerce

Agora, você precisa inserir as URLs de sua loja WooCommerce.

Isso pode variar dependendo de como sua loja está configurada e se você deseja que ela seja exibida apenas em certas páginas. Por exemplo, você pode querer adicioná-la à sua página de carrinho WooCommerce personalizada ou a uma página de checkout personalizada.

Se você quiser colocar toda a sua loja WooCommerce em manutenção, então você pode adicionar todas as páginas que o WooCommerce cria automaticamente:

https://example.com/shop
https://example.com/cart
https://example.com/checkout
https://example.com/my-account

Você também precisará adicionar os URLs dos produtos. Certifique-se de incluir o asterisco!

O asterisco é um caractere curinga, que diz ao SeedProd para incluir todos os URLs que correspondem ao padrão antes dele.

Isso significa que os compradores verão a página de manutenção ao tentar acessar qualquer produto, categoria de produto ou tag de produto.

https://example.com/product/*
https://example.com/product-category/*
https://example.com/product-tag/*

Após adicionar todas essas URLs, clique no botão ‘Salvar’ para armazenar suas alterações.

Etapa 4: Coloque sua loja WooCommerce em modo de manutenção

Agora você pode colocar sua loja WooCommerce em manutenção a qualquer momento. Na área de administração do WordPress, basta ir em SeedProd » Landing Pages.

Em seguida, clique no controle deslizante ‘Inativo’ em ‘Modo Em Breve’ ou ‘Modo de Manutenção’ para que ele mude para ‘Ativo’.

Ativando o modo de manutenção para uma loja WooCommerce

Agora, basta visitar sua loja WooCommerce em uma aba anônima do navegador, e você verá seu design personalizado em vez de sua loja online.

Quando estiver pronto para tornar sua loja pública, basta voltar para SeedProd » Landing Pages.

Em seguida, clique no controle deslizante ‘Ativo’ para que ele mostre ‘Inativo’. Agora, qualquer pessoa que visitar seu site verá sua loja WooCommerce e poderá comprar produtos e serviços normalmente.

Dica Bônus: Crie uma Landing Page Viral de Lista de Espera para Sua Loja WooCommerce

Além de colocar sua loja online em modo de manutenção, outra coisa que você pode fazer com o SeedProd é criar uma página de destino viral de lista de espera.

Com esta página de destino, você pode informar ao seu público que algo empolgante está chegando. Você também pode adicionar um formulário convidando-os a entrar na sua lista de espera e serem os primeiros a saber quando você tornar a página pública.

Além disso, você pode usar essas informações da lista de espera para enviar newsletters por e-mail sobre promoções futuras.

Se você estiver interessado neste tópico, confira nosso artigo sobre como criar uma página de destino viral de lista de espera no WordPress.

Visualização da página de destino da lista de espera

Recursos Bônus: Mais Guias de Manutenção do WordPress

Esperamos que este artigo tenha ajudado você a aprender como ativar o modo de manutenção para WooCommerce. Em seguida, você também pode querer ver nossos artigos 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

9 CommentsLeave a Reply

  1. Este guia sobre como ativar o modo de manutenção para WooCommerce é incrivelmente prático! Recentemente, precisei colocar um site WooCommerce em modo de manutenção para atualizações, e ter passos claros e acionáveis como estes teria tornado o processo muito mais tranquilo.

  2. É ótimo ter a opção de separar o WooCommerce do resto do site e colocar apenas a loja virtual em modo de manutenção sem afetar outras partes do site. Obrigado, vou tentar o seu procedimento.

  3. Isso não ajuda se você tem, por exemplo, um blog e uma loja, e gostaria de desativar apenas a loja.
    Decepcionante

    • We would recommend reading our entire article, we cover how to only have the maintenance mode on certain pages of your site :)

      Admin

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.