Banner Black Friday Com Contador Regressivo Para E-Com Club

Banner Black Friday Com Contador Regressivo Para E-Com Club

posted in: Apps | 0

 

A Black Friday já está aí amigos lojistas e nessa data tão importante para o e-commerce a Visualyze Design Web está disponibilizando gratuitamente, para os lojistas da plataforma E-Com Club, esse banner promocional com contador regressivo até às 23:59 do dia 24 de Novembro de 2017! Confira:

 

O banner é originalmente posicionado logo abaixo do menu superior. Ele também possui um botão que direciona o cliente a categoria que você quiser, que no caso será a categoria com os produtos em promoção!

 

Observações:

  • Essa funcionalidade é exclusiva para uso na plataforma E-Com Club;
  • Essa funcionalidade já possui uma formatação CSS padrão, porém ela poderá ser alterada como bem entender por sua conta e risco. Caso queira alguma personalização dessa funcionalidade entre em contato e solicite um orçamento. Não fazemos esse serviço gratuitamente;
  • Essa funcionalidade aparecerá em todas as páginas com exceção da página de checkout;
  • Essa extensão funciona na versão web e mobile.

 

Procedimento de Instalação e Configuração:

Primeiro faça download dos arquivos contendo os códigos clicando aqui ou clicando no botão no final dessa postagem. Você irá baixar um arquivo no formato ZIP contendo três arquivos de texto (Código HTML, Código JS e Código CSS).

 

Código HTML:

Abra o arquivo TXT Código HTML. Em seguida acesse o editor HTML da sua loja na E-Com Club passando o mouse sobre o menu Configurações > Aparência > Inserir Código ou clique aqui para ser levado diretamente ao local.

Cole todo o conteúdo do arquivo TXT Código HTML que você baixou na segunda área de texto dessa página, logo abaixo do termo “Antes de </body>” conforme exemplo abaixo:

 

Ao observar o código teremos o seguinte:

 

O item marcado em vermelho na imagem acima representa a data final do contador, por padrão está a justado para a data da Black Friday, mas você poderá reaproveitar essa funcionalidade ao passar esta data se quiser, por isso basta alterar somente o que está marcado em vermelho na imagem acima, sendo que, a ordem é “ANO – MÊS – DIA“.

O item marcado em amarelo na imagem acima representa a hora de término do contador, que por padrão está ajustado para encerrar a meia noite do dia 24/11/2017. O horário está no padrão 24h. Ajuste como quiser.

O item marcado em azul na imagem acima representa o link da categoria de produtos em que estarão na oferta para a Black Friday, basta remover somente o que está marcado e colocar o link completo da categoria sem remover as aspas. É possível inserir qualquer link, inclusive links externos ou links de produtos, porém recomendamos inserir um link de categoria pois assim abrangem mais produtos para o cliente.

 

Código JS:

Abra o arquivo TXT Código JS. Em seguida acesse o editor JavaScript da sua loja na E-Com Club passando o mouse sobre o menu Configurações > Aparência > Editar Js ou clique aqui para ser levado diretamente ao local.

Cole todo o conteúdo do arquivo TXT Código HTML que você baixou dentro da área de texto nesta página. Se caso já tiver algum código salvo neste loca recomendamos colar no início ou no final da lista.

Este código serve para inserir o banner logo abaixo do menu superior. Não há necessidade de alteração neste código.

 

Código CSS:

Abra o arquivo TXT Código CSS. Em seguida acesse o editor CSS da sua loja na E-Com Club passando o mouse sobre o menu Configurações > Aparência > Editar CSS ou clique aqui para ser levado diretamente ao local.

Cole todo o conteúdo do arquivo TXT Código CSS que você baixou na segunda área de texto dessa página, logo abaixo do termo “Responsivo custom.responsive.css” conforme exemplo abaixo:

 

Não há necessidade de alteração do código CSS.

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.