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 em estoque, criando um senso de urgência entre o cliente.
Portanto, adicionar um cronômetro de contagem regressiva ao WooCommerce é uma das melhores estratégias para aumentar as vendas e impulsionar a conversão . Para isso, você pode utilizar uma contagem regressiva de produtos para mostrar informações mais claras sobre suas campanhas de vendas.
A maneira mais fácil de adicionar uma contagem regressiva de produto WooCommerce é use um plugin de contagem regressiva dedicado. Se você está procurando uma opção gratuita para adicionar uma contagem regressiva de produto ao seu site WooCommerce, recomendamos o Contagem regressiva de vendas Como começar. Também o usaremos nesta demonstração.
Contagem regressiva de vendas é um plugin para WordPress que permite criar um cronômetro contagem regressiva para o seu site. O plugin é muito fácil de configurar e integrar em qualquer projeto com opções avançadas.
Permite exibir um cronômetro de contagem regressiva personalizável que pode ser incluído em um widget, postagem ou página da barra lateral 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 curtos
- Interface simples e limpa
- Fácil mudança de fonte e cor nas opções do plugin
- Opção de redefinição automática de contagem regressiva
Como configurar Contagem regressiva de vendas:
Antes de começar, certifique-se de configurar o WooCommerce corretamente usando um dos temas WooCommerce suportados para evitar conflitos de tema ou plug-in. Por enquanto, vamos começar instalando e ativando o plugin.
1. Instale o plugin Sales Countdown Timer
A primeira coisa que você deve fazer é visitar o Plug-ins > Adicionar nova página
2. Defina as configurações do plug-in
Após ativar o plugin, você precisa configurá-lo. Você pode encontrar uma nova opção » Cronômetro contagem regressiva » adicionada ao menu do painel do WordPress. Assim que abri-lo, você verá um botão de alternância que permite ativar ou desativar ou até mesmo remover a contagem regressiva do seu site WooCommerce.
Depois disso, existem 3 configurações principais para definir e configurar o plugin. Eles incluem configurações gerais, layout e produtos WooCommerce. Vamos ver como podemos definir as configurações do plugin.
2.1) Configurações gerais
Nas configurações em geral você pode definir um nome para o cronômetro de contagem regressiva para que possa encontrar o perfil de contagem regressiva de vendas sempre que desejar adicionar um cronômetro de contagem regressiva na página de um único produto.
Em seguida, você precisará definir a data e a hora para Defina 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 layout
Você pode personalizar a aparência geral do cronômetro de contagem regressiva nas configurações. Projeto . Há um total de 10 opções que você pode definir para combinar o cronômetro de contagem regressiva com o seu site. Eles são:
- Mensagem – Adicione uma mensagem de texto que aparece na frente
- separador de tempo – Escolha o separador como dois pontos (:), vírgula (,), ponto final (.). 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 slide para o cronômetro de contagem regressiva
- Tipo de tela – Escolha vários layouts para contagem regressiva
- Temporizador de contagem regressiva – Escolha uma cor para o fundo, borda, preenchimento e raio da borda do cronômetro de contagem regressiva
- Elementos do temporizador – permite definir a cor dos elementos do temporizador
- Valor Datetime – Personalize a cor de fundo e o tamanho da fonte para o valor datetime
- Unidade Unidades 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, as configurações do produto WooCommerce permitem que você configure como deseja que os produtos de contagem regressiva sejam exibidos.
Você pode ativar um cronômetro fixo para produtos e ajustar sua posição em um único produto ou páginas de arquivo.
Da mesma forma, se quiser exibir a contagem regressiva nas páginas da loja ou categoria, você também pode fazer isso. O tamanho do cronômetro pode até ser ajustado para essas páginas em dispositivos móveis.
Além disso, você também pode ativar uma contagem regressiva para sua próxima venda. Tudo que você precisa fazer é adicionar uma mensagem personalizada ao seu site.
Por último, você também obtém opções de barra de progresso para seu cronômetro de contagem regressiva. Você pode definir essas configurações para visualizar o disponibilidade de produto junto com o status do pedido dos produtos. Além disso, você também pode personalizar o layout da barra de progresso.
A primeira coisa que podemos ver na barra de progresso é uma seção com uma mensagem na barra de progresso. Aqui você pode definir a mensagem com a ajuda de códigos de acesso como {quantity_sold}/{goal} vendido
A seguir, podemos ver quantos de seus produtos foram vendidos selecionando um tipo de barra de progresso. Existem duas opções: aumentar e diminuir. Se você selecionar a opção boost, sua barra de produto 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 primeiro o status de um pedido 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 acima e abaixo do relógio de contagem regressiva.
Para a última configuração, você pode alterar a cor do texto, o plano de fundo e o raio da borda da barra de progresso.
3. Adicione um cronômetro de contagem regressiva aos produtos
Após a configuração, agora você pode adicionar facilmente um cronômetro de contagem regressiva aos seus produtos WooCommerce diretamente na página de edição do pedido. Basta ir para Produtos> Todos os produtos do seu painel do WordPress. Aqui você pode ver todos os seus produtos. Você pode clicar Editar ou selecione o produto no qual deseja definir o cronômetro de contagem regressiva
Isso leva você para a página de edição do produto. Em seguida, role para baixo onde você pode ver informações do produto com várias opções no menu suspenso. Como estamos adicionando um cronômetro de contagem regressiva a um único produto, você precisa selecionar ‘Produto simples ‘no menu suspenso.
Nas configurações em geral , você pode definir o preço normal junto com o preço de venda. Abaixo disso, clique na opção Agendamento após a opção Preço de Venda. Podemos ver configurações adicionais do temporizador 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 cronômetro de contagem regressiva que criamos durante a configuração. No nosso caso, é “ Liquidação de Ações ”. Você pode nomear o nome do perfil de acordo com sua campanha de vendas.
A barra de progresso também pode ser ativada aqui marcando a caixa.
Então tudo que você precisa fazer é estabeleça uma meta e um valor inicial que permite 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 o cronômetro exibido na página do produto.
3.1) Adicionar cronômetro de contagem regressiva de produto WooCommerce a uma única página com códigos de acesso
Se deseja adicionar contagem regressiva de produtos WooCommerce a outras páginas do WooCommerce em vez de produtos, você pode simplesmente usar códigos de acesso. Eles são fornecidos na página de configurações do cronômetro de contagem regressiva. Basta copiar o shortcode.
Agora tudo 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 Atualizar . Se você visualizar a página, poderá encontrar a contagem regressiva na frente da página.
4. Adicionar 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 qualquer produtos variáveis .
Anteriormente, na página de edição do produto, definimos o produto individual como ‘Produto Simples’, mas agora precisamos alterar o tipo de produto para ‘ Produto variável’ no menu suspenso Dados do produto.
Você pode notar que essas configurações são diferentes do Simple Product. Mas o processo para definir a contagem regressiva é o mesmo que para produtos individuais para produtos Variáveis.
Selecione Variações nas opções e redefina a data e hora do cronômetro de contagem regressiva junto com a quantidade alvo e inicial do produto. Você também pode ativar ou desativar a barra de progresso marcando a caixa.
A partir daí você deve ir para Produto > Todos os produtos. Para adicionar um cronômetro de contagem regressiva de atacado, precisamos filtrar o tipo de produto, selecionar produto variável no menu suspenso e clique no botão Filtro .
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 logo ao lado.
Se você rolar mais na página de edição, poderá encontrar um cronômetro de contagem regressiva no atacado para produtos variáveis.
Depois de editar o cronômetro de contagem regressiva de atacado de acordo com suas preferências, clique em Atualizar.
