Como adicionar a contagem regressiva do produto WooCommerce
Publicados: 2022-03-03Você quer uma maneira fácil de adicionar uma contagem regressiva de produtos WooCommerce para sua loja? Um cronômetro de contagem regressiva pode ajudá-lo a aumentar as vendas do seu produto. É uma ótima maneira de informar seus clientes sobre descontos, lançamentos de novos produtos, ofertas, eventos futuros e muito mais.
Neste post, mostraremos como adicionar facilmente uma contagem regressiva de produtos WooCommerce para sua loja online. Antes disso, abordaremos por que é importante adicionar um cronômetro de contagem regressiva para sites WooCommerce.
Por que adicionar uma contagem regressiva de produtos no WooCommerce?
O principal objetivo de adicionar uma contagem regressiva no WooCommerce é anunciar vendas, ofertas e descontos em produtos . O cronômetro de contagem regressiva exibe o tempo restante e os produtos restantes no estoque, o que cria um senso de urgência entre o cliente.
De acordo com a pesquisa, as pessoas agem em caso de urgência por causa do FOMO (medo de perder). Esta também é uma técnica de marketing implementada por muitos empresários online. Por causa do medo de perder os bons negócios, incentiva o visitante a comprar o produto/serviço antes que o tempo acabe.
Essa técnica é usada até pelos maiores sites de comércio eletrônico como Amazon, Aliexpress e muitos outros sites, especialmente em épocas festivas como Natal, Ano Novo e Black Friday.
Portanto, adicionar um cronômetro de contagem regressiva ao WooCommerce é uma das melhores estratégias para aumentar as vendas e aumentar a conversão . Para isso, você pode usar uma contagem regressiva de produtos para exibir informações mais claras sobre suas campanhas de vendas.
Com isso dito, vamos pular direto para como fazê-lo.
Como adicionar a contagem regressiva do produto WooCommerce?
A maneira mais fácil de adicionar uma contagem regressiva do produto WooCommerce é usar um plug-in de contagem regressiva dedicado . Esses plugins são fáceis de configurar e podem ser inseridos em posts e widgets usando códigos de acesso.
Então, vamos dar uma olhada em alguns dos plugins populares e como podemos usá-los para seus produtos WooCommerce primeiro.
Temporizador de contagem regressiva de vendas
Sales Countdown Timer é um plugin do WordPress que permite criar um cronômetro de contagem regressiva para o seu site. O plugin é muito fácil de configurar e integrar em qualquer projeto com opções avançadas.
Ele permite que você exiba um cronômetro de contagem regressiva personalizável que pode ser incluído em um widget da barra lateral, postagem ou página por meio de códigos de acesso. Eles podem ser criados para um único produto, bem como um cronômetro de contagem regressiva em massa para produtos variáveis.
Características principais:
- Gerar códigos de acesso
- Interface simples e limpa
- Fonte fácil e mudança de cor das opções de plug-in
- Opção de redefinição de contagem regressiva automática
Preço:
Sales Countdown Timer é um plugin gratuito. Está disponível no repositório oficial de plugins do WordPress.
Contagem regressiva do produto YITH WooCommerce
YITH WooCommerce Product Countdown é outro plugin para ajudá-lo a aumentar as vendas em seu site. É uma ferramenta perfeita para criar cronômetros de contagem regressiva que chamam a atenção em postagens e páginas para sites de comércio eletrônico.
O é desenvolvido em HTML5 e é totalmente personalizável. Além disso, funciona perfeitamente com o novo editor Gutenberg e você também pode exibir o número de itens disponíveis ou esgotados.
Características principais:
- Crie uma barra de progresso
- Compatível com dispositivos móveis
- Textos e cores personalizáveis
- Alterar o tipo de temporizador
Preço:
YITH WooCommerce Product Timer é um plugin premium que começa com uma taxa anual de 65 USD. Inclui 1 ano de atualizações e suporte e uma garantia de reembolso de 30 dias.
Como usar um plugin para adicionar a contagem regressiva do produto WooCommerce:
Se você está procurando uma opção gratuita para adicionar uma contagem regressiva de produtos para o seu site WooCommerce, recomendamos o Sales Countdown Timer como inicial. Nós o usaremos para esta demonstração também.
Mas antes de começarmos, certifique-se de configurar o WooCommerce corretamente usando um dos temas compatíveis do WooCommerce para evitar conflitos de temas ou plugins. Por enquanto, vamos começar instalando e ativando o plugin.
1. Instale o plug-in Sales Countdown Timer
A primeira coisa que você precisa fazer é visitar a página Plugins > Adicionar Novo na sua área de administração do WordPress. Em seguida, procure Sales Countdown Timer na barra de pesquisa.
Isso deve fornecer o plug-in do diretório de plug-ins do WordPress nos resultados da pesquisa. Clique no botão Instalar agora ao lado do plugin. Quando o processo de instalação estiver concluído, ative -o.
Se você quiser usar a versão premium deste plugin, você deve fazer o upload e instalá-lo manualmente. Para mais informações, dê uma olhada em nosso guia detalhado sobre como instalar um plugin do WordPress manualmente.
2. Defina as configurações do plug-in
Após o plugin ser ativado, você precisa configurar o plugin. Você pode encontrar uma nova opção “ Countdown Timer ” adicionada no menu WordPress Dashboard. Assim que você abri-lo, você pode ver um botão de alternância que permite ativar ou desativar ou até mesmo remover o cronômetro de contagem regressiva do seu site WooCommerce. 
Depois disso, existem 3 configurações principais para configurar e configurar o plugin. Eles incluem configurações gerais, design e produtos WooCommerce. Vamos ver como podemos definir as configurações do plugin.
2.1) Configurações Gerais
Nas configurações gerais , você pode definir um nome para o cronômetro de contagem regressiva para encontrar o perfil de contagem regressiva de vendas sempre que quiser adicionar o cronômetro de contagem regressiva na página de um único produto. 
Em seguida, você terá que definir a data e a hora para agendar o cronômetro de contagem regressiva do produto.
Existem mais alguns recursos nas configurações gerais, como "Contagem regressiva sempre verde" e "Reiniciar contagem regressiva depois". Eles estão disponíveis apenas na versão premium do plugin
2.2) Configurações de Projeto
Você pode personalizar a aparência geral do cronômetro de contagem regressiva nas configurações de design . Existem ao todo 10 opções que você pode configurar para corresponder o cronômetro de contagem regressiva ao seu site. Eles estão:
- Mensagem : adiciona uma mensagem de texto que aparece no front-end
- Separador de tempo : Escolha o separador como dois pontos (:), vírgula (,), ponto (.). entre unidade de tempo
- Estilo de formato de data e hora: selecione vários estilos de formato para hora
- Posição da unidade de data e hora: Escolha a posição superior ou inferior para exibir a unidade de tempo.
- Estilo de animação: escolha o estilo de animação padrão ou de slides para o cronômetro de contagem regressiva
- Tipo de exibição : escolha vários layouts para o temporizador de contagem regressiva
- Contador regressivo : Escolha uma cor para o plano de fundo, borda, preenchimento e raio da borda do cronômetro de contagem regressiva
- Itens do contador de tempo: Permite definir a cor dos itens do contador de tempo
- Valor de data e hora: personalize a cor de fundo e o tamanho da fonte para o valor de data e hora
- Unidade de data e hora : Personalize a cor de fundo e o tamanho da fonte para unidades de data e hora.
2.3) Configurações do produto WooCommerce
Por fim, a configuração do Produto WooCommerce permite que você configure como deseja que os produtos de contagem regressiva sejam exibidos.
Você pode ativar um temporizador fixo para os produtos e ajustar sua posição em um único produto ou páginas de arquivo.
Da mesma forma, se você quiser exibir o cronômetro de contagem regressiva na loja ou nas páginas de categoria, também poderá fazê-lo. O tamanho do temporizador pode até ser ajustado para essas páginas em dispositivos móveis. 
Além disso, você também pode ativar um cronômetro de contagem regressiva para sua próxima venda. Tudo o que você precisa fazer é adicionar uma mensagem personalizada para ele em seu site. 
Por fim, você também obtém opções da barra de progresso para o seu cronômetro de contagem regressiva. Você pode definir essas configurações para ver a disponibilidade do produto junto com o status do pedido dos produtos. Não apenas isso, mas você também pode personalizar o design da barra de progresso.
A primeira coisa que podemos ver na barra de progresso é uma seção com uma mensagem da barra de progresso. Aqui você pode configurar a mensagem com a ajuda de shortcodes como {quantity_sold}/{goal} vendido
Em seguida, podemos ver quantos de seus produtos foram vendidos selecionando um tipo de barra de progresso. Existem duas opções que são aumentar e diminuir. Se você selecionar a opção de aumento, sua barra de produtos será preenchida a cada compra do produto.
Além do tipo de barra de progresso, você também pode ver a opção “Status do pedido”. Esta opção permite que você selecione o status do pedido primeiro e apenas o status do pedido selecionado será contado na barra de progresso.
Você também pode selecionar a posição da barra de progresso da venda. Existem duas posições onde você pode exibir a barra de progresso que está acima e abaixo do relógio de contagem regressiva. 
Para a última configuração, você pode alterar a cor do texto, do plano de fundo e do raio da borda da barra de progresso.
3. Adicione o temporizador de contagem regressiva do produto WooCommerce a produtos únicos
Após a configuração, agora você pode adicionar facilmente um cronômetro de contagem regressiva aos seus produtos WooCommerce diretamente da página de edição do pedido. Basta acessar Produtos > Todos os produtos no painel do WordPress. Aqui você pode ver todos os seus produtos. Você pode clicar em Editar ou selecionar o produto no qual deseja definir o cronômetro de contagem regressiva 
Isso leva à página de edição do produto. Em seguida, role para baixo onde você pode ver os dados do produto com várias opções no menu suspenso. Como estamos adicionando um cronômetro de contagem regressiva a um único produto, você deve selecionar 'Produto simples ' no menu suspenso. 
Nas configurações gerais , você pode definir o preço normal junto com o preço de venda. Abaixo disso, clique na opção Agendar após a opção Preço de venda. Podemos ver configurações adicionais do cronômetro de contagem regressiva, onde você pode definir uma data e hora para a contagem regressiva. 
Além disso, você também pode selecionar o perfil do temporizador de contagem regressiva que criamos durante a configuração. No nosso caso, é “ Liquidação de Estoque ”. Você pode nomear o nome do perfil de acordo com sua campanha de vendas.
A barra de progresso também pode ser ativada a partir daqui, marcando a caixa.
Então, tudo o que você precisa fazer é definir uma meta e uma quantidade inicial que permita que seus clientes saibam quanto do produto foi vendido ou está disponível. Quando terminar, clique no botão Atualizar . Como resultado, você pode ver que o cronômetro do contador é exibido na página do produto. 
3.1) Adicione o temporizador de contagem regressiva do produto WooCommerce a uma única página com códigos de acesso
Se você deseja adicionar a contagem regressiva de produtos WooCommerce a outras páginas WooCommerce em vez de produtos, basta usar códigos de acesso. Eles são fornecidos na página de configurações do Temporizador de contagem regressiva. Basta copiar o código de acesso. 
Agora tudo o que você precisa fazer é editar a página onde deseja que a contagem regressiva do produto seja exibida. Em seguida, cole o shortcode aqui. 
Por fim, clique em Atualizar . Se você visualizar a página, poderá encontrar o cronômetro de contagem regressiva no front-end da página. 
4. Adicione um cronômetro de contagem regressiva de vendas em massa para produtos variáveis
Vimos como podemos adicionar um cronômetro de contagem regressiva de produto WooCommerce para um único produto. Agora vamos ver como podemos adicionar vendas em massa a um produto com variações ou produtos variáveis .
Anteriormente, na página de edição do produto, definimos o produto único como 'Produto simples', mas agora precisamos alterar o tipo de produto para ' Produto variável' no menu suspenso de Dados do produto. 
Você pode notar que essas configurações são diferentes do Produto Simples. Mas o processo para definir a contagem regressiva também é o mesmo que os produtos individuais para produtos Variáveis.
Selecione Variações nas opções e novamente defina a data e a hora do cronômetro de contagem regressiva, juntamente com a meta e a quantidade inicial do produto. Você também pode ativar ou desativar a barra de progresso marcando a caixa. 
Depois disso, você deve ir para o Produto > Todos os Produtos. Para adicionar um cronômetro de contagem regressiva de vendas em massa, precisamos filtrar o tipo de produto, selecionar Produto variável no menu suspenso e clicar no botão Filtrar . 
Agora você só pode ver a lista de produtos variáveis na lista de produtos.
Selecione os produtos variáveis e selecione Editar no campo Ação em massa e clique no botão Aplicar ao lado dele. 
Se você rolar mais na página de edição, poderá encontrar um cronômetro de contagem regressiva de vendas em massa para produtos variáveis. 
Depois de editar o cronômetro de contagem regressiva de vendas em massa de acordo com sua preferência, clique em Atualizar .
Bônus: Autocompletar Pedidos WooCommerce
Já apresentamos a você uma das maneiras mais fáceis de adicionar uma contagem regressiva de produtos WooCommerce . Eles são muito úteis para informar seus clientes sobre as ofertas. Mas como bônus, também forneceremos este guia para oferecer uma resposta rápida aos pedidos dos clientes, preenchendo-os automaticamente.
A maneira mais fácil e rápida de preencher automaticamente os pedidos do WooCommerce é usando um plug-in dedicado.
Usaremos o plugin Autocomplete WooCommerce Orders para este guia. Então vamos em frente e instalar o plugin. Para isso, vá para o Painel do WordPress > Plugins > Adicionar Novo e procure por Pedidos WooCommerce Autocomplete na barra de pesquisa.
Depois que o resultado for exibido, clique no botão Instalar agora e Ative -o.
Antes de prosseguirmos, precisamos de um token do PayPal para configurar o plug-in AutoComplete WooCommerce. Você pode encontrar facilmente o token na sua conta do PayPal. Então vamos pegar o token primeiro.
Configurar o token de dados do PayPal
O primeiro passo é fazer login na sua conta do PayPal. Agora, vá para as configurações da sua conta do PayPal clicando no botão Configurações na barra de navegação.
Você encontrará várias opções, mas você deve clicar na guia Ferramentas do vendedor . Certifique-se de clicar em Atualizar preferências do site .
Em seguida, role para baixo até Retorno Automático e ative a Opção de Retorno Automático . Ao fazer isso, você pode adicionar um campo à sua página de URL de retorno. Lembre-se de que sempre que seus usuários acessarem as páginas, eles serão redirecionados para a página que você escolher.
Após selecionar o URL de retorno, salve as configurações. Se você rolar mais, poderá acessar seu token de dados do Paypal. Copie o token de identidade e também Ative a opção Transferência de dados de pagamento .
Configurar plug-in de pedido de preenchimento automático
Para definir as configurações do plugin, vá para WooCommerce > Configurações e abra a guia Autocomplete Orders .
Você pode encontrar 3 modos diferentes.
- Apenas pedidos pagos de produtos virtuais
- Todos os pedidos pagos de qualquer produto
- Qualquer pedido (pago ou não pago)
Escolha o modo que você deseja em seu site. Além disso, lembre-se de que seus pedidos serão processados automaticamente de acordo com o modo que você escolher . Por exemplo, se você escolher a opção Todos os pedidos pagos de qualquer produto , o plug-in processará automaticamente os pedidos de todos os tipos de produtos com base nos pagamentos verificados.
Configurando seu token de transferência de dados do PayPal
Depois de configurar o plug-in e o token de dados do PayPal, clique em WooCommerce> Configurações e abra a guia Pagamentos .
Você poderá ver todos os gateways de pagamento do site aqui. Basta clicar em Gerenciar para abrir as configurações do PayPal no WooCommerce.
Você pode encontrar o campo de token de identidade do PayPal se rolar mais. Agora cole o token de identidade que salvamos anteriormente.
Por fim, você pode definir as configurações restantes para fornecer uma boa experiência de checkout para seus clientes com o PayPal. Se você quiser aprender como fazer isso, confira este artigo. Quando terminar de configurar tudo, clique em Salvar alterações.
Agora seus clientes poderão preencher automaticamente os pedidos do WooCommerce em seu site.
De forma similar. você também pode habilitar pedidos de preenchimento automático com a ajuda do código. Se você quiser aprender como fazer isso, recomendamos que você confira o artigo aqui.
Conclusão
Concluindo, adicionar uma contagem regressiva para o WooCommerce ajuda você a aumentar as vendas, aumentar as conversões e também proporcionar uma melhor experiência ao cliente.
Hoje, neste tutorial, vimos uma maneira fácil de adicionar uma contagem regressiva de produtos a qualquer site WooCommerce. Isso é perfeito para quem é iniciante. Sales Countdown Timer é um excelente plugin freemium que é muito fácil de configurar e vem com recursos adicionais se você quiser atualizar para a versão premium.
Também fornecemos algumas etapas básicas para preencher automaticamente os pedidos do WooCommerce, onde seus clientes podem comprar seus produtos ou serviços virtuais sem aprová-los manualmente em cada pedido. Mas se você quiser saber mais sobre os pedidos do WooCommerce, temos mais alguns guias para exportar ou excluir pedidos e até repetir ou testar pedidos.
Você adicionou uma contagem regressiva para seus produtos? O que você acha deste plugin? Por favor, deixe-nos saber sobre sua experiência na seção de comentários.
Além disso, se você deseja melhorar a experiência do usuário em seu site WooCommerce, estes artigos podem ser úteis para você:
- Melhores plugins de visualização de lista de produtos WooCommerce
- Como adicionar produtos relacionados ao WooCommerce
- Melhores plugins deslizantes para WordPress