Contador Regressivo para Oferta por Produto – Versão Beta – Loja Integrada

Contador Regressivo para Oferta por Produto – Versão Beta – Loja Integrada

posted in: Apps | 0

 

A Visualyze Design Web está disponibilizando aos lojistas da Loja Integrada mais uma extensão interessante! Com ela é possível selecionar um produto da sua vitrine e inserir um contador regressivo na parte inferior, ideal para produtos em oferta com tempo limitado. Confira:

CONTADOR DE OFERTA POR PRODUTO - VERSÃO BETA Visualyze - Loja Integrada

Nessa extensão é possível programar a data e hora de término da promoção e ao final da contagem todo o contador desaparece. Para fazê-lo reaparecer basta mudar a data do contador novamente! Um detalhe interessante é que quando o contador chegar a marca de um dia para o término todos os dígitos ficarão na cor vermelho, nada melhor para chamar a atenção não é? Esse contador regressivo também irá aparecer dentro da página do produto que você escolher logo abaixo do botão comprar, veja:

 

 

Contador na pagina do produto Visualyze Design Web

 

Gostaríamos de salientar que essa extensão é apenas a versão beta, ou seja, no momento só é possível inseri-la em apenas um produto em toda loja, mas já estamos trabalhando no código para permitir a inserção em mais de um produto ou até em todos os produtos de uma determinada categoria, portanto, fiquem ligados! Assine nossa newsletter e cadastre-se em nossas notificações Push para não perder!

 

Observações Importantes:

  • Essa funcionalidade é válida apenas para plataforma Loja Integrada.
  • Essa funcionalidade é recomendada apenas para as lojas que utilizam o visual padrão da Loja Integrada. Se você possui um layout personalizado ela poderá não funcionar como esperado.
  • Essa funcionalidade já traz uma formatação CSS padrão. Se você tiver conhecimento nessa área poderá editar a sua maneira livremente por sua conta e risco ou entre em contato e solicite um orçamento.

 

Instruções de Instalação:

Antes de tudo você precisará descobrir qual é a ID (identificação) do produto em questão, para isso siga o procedimento abaixo;

 

 

Clique neste link para criar um entrada HTML avançada em sua Loja Integrada e preencha os dados como na imagem abaixo:

 

INSTRUÇÕES LOCAL CONTADOR DE OFERTA Visualyze

 

Preencha como na imagem acima os campos de descrição, local de publicação, página de publicação e tipo.

 

INSTRUÇÕES 1 CONTADOR DE OFERTA Visualyze

 

No campo conteúdo, cole todo o conteúdo do arquivo TXT que você irá baixar ao final desta descrição. Observe no exemplo acima que você irá alterar apenas a linha 5. Os campos sublinhados representam a data e hora final da promoção ou oferta que você irá oferecer.

  • O primeiro item sublinhado Informa (em inglês) o mês final da promoção, você deverá digitar apenas os 3 caracteres iniciais. Utilize como exemplo o comentário que está uma linha acima, marcado pela seta vermelha, para ter certeza de como digitar os 3 dígitos do mês pretendido. Obedeça também as letras maiúsculas e minúsculas.
  • O segundo item sublinhado representa o dia de término da promoção. Se caso for um dia de “0” a “9” represente colocando o “0” na frente… Assim: 01, 02, 03… Semelhante ao exemplo já presente no código da imagem acima.
  • O terceiro item sublinhado representa o ano de término da promoção, sempre coloque no mesmo ano que estivermos.
  • O quarto item sublinhado representa a “hora : minutos : segundos” em que a promoção irá terminar na data em que você programou, Este contador está ajustado para o formato 24h. Por padrão está ajustado para finalizar a meia noite do dia. Altere seguindo o padrão já presente no código.

Mais embaixo no código você verá o seguinte trecho…

 

Instruções 2 contador Visualyze

 

Na linha 56 e 57, nos campos sublinhados, está a ID do produto que você almeja inserir o contador. Substitua os números no código pelo número que você anotou quando seguiu o tutorial no vídeo acima. Substitua somente os números, nada mais! Obs: A quantidade de caracteres também pode mudar de loja para loja, isso é normal.

Não é necessário alterar nada mais no código.

Feito isso, salve e aproveite!



  • Ao clicar no botão aguarde 5 segundos e clique no botão “fechar propaganda” no topo a direita. As páginas seguintes contêm anúncios.
Comments are closed.