Inserir contador na loja

Postado .

Para que você possa inserir um contador na sua loja, baseado em uma promoção de Carrinho, siga as seguintes instruções, começando com a criação do contador em si e depois o adicionando em um bloco da Home ou na página do produto.

 

CRIANDO O CONTADOR

 

  • No Painel Administrativo, vá em Promoções/Countdown Timers e selecione a opção Add new se você quiser adicionar um novo contador. A opção Blocks List irá listar os contadores já criados, para que você possa editá-los posteriormente.

  • Na aba GERAL, você verá alguns campos para serem preenchidos, como:
    • Nome
    • Estado – desativado/ativado
    • De – selecione uma data para início do contador
    • Para – selecione uma data para finalizar o contador
    • Grupo de clientes – selecione os grupos de clientes que deseja que o contador seja exibido (de preferência selecione todos)
    • URL – caso deseje setar uma URL para linkar o contador, por exemplo, à um produto.

  • Na aba TEMPLATE você configura o design do contador. Serão exibidos os seguintes campos:
    • Título – caso queira inserir algum texto ao lado do contador
    • Design Package – algumas opções padronizadas de customizações do contador.
    • Exibir – selecione o que será exibido no contador. Ou seja, se serão apenas dias, ou dias e hora, ou completo, a última opção.
    • Objetivo do email – neste campo você pode customizar seu contador. Veja que há 2 botões, INSERT TIMER & INSERT BLOCK TITLE, ou seja, INSERE CONTADOR & INSERE TÍTULO, este último reflete o campo Título.

  • Na aba AUTOMATION:
    • Display automatically – nesta opção você habilita a exibição do contador na página de um produto.
    • Condições – nesta área você filtra em qual ou quais produtos você quer exibir o contador.

  • Na aba TRIGGERS você pode configurar um gatilho para começar ou encerrar uma promoção. Para exibir os campos necessários para configuração, clique no botão Add Trigger.
    • No primeiro campo você seleciona se tal ação é ativada no começo (countdown start) ou ao finalizar (countdown end) o contador.
    • No segundo campo selecione se é para Ativar ou Desativar a promoção.
    • No terceiro campo selecione se é uma promoção de Catálogo (Catalog Rule) ou de Carrinho (Shopping Rule).
    • Clique em select para selecionar a promoção.

Na imagem abaixo, você vê um exemplo de como utilizar esta área. A primeira linha está ativando a promoção Teste e a segunda está programada para encerrar a promoção ao fim do contador.

 

Basta salvar e o contador estará criado! Agora devemos chamá-lo em algum lugar.

 

ADICIONANDO O CONTADOR EM UM BLOCO DA HOME

 

Vamos utilizar um bloco da página Home para inserir o contador, chamando-o de ‘Banner Oferta’.

Para adicionar o contador neste bloco, vamos chamá-lo através dos widgets, que são ferramentas baseadas nos módulos instalados na plataforma. Primeiro, selecione a área aonde o contador será adicionado e clique no botão INSERT WIDGET.

 

Será exibida uma tela para adicionar o tipo de widget. Selecione a opção Countdown Timer e, no campo COUNTDOWN ID, insira o ID do contador que você criou. Esta informação você encontra na lista de contadores (Blocks List) citado no começo deste tutorial.

 

Insira o widget clicando no botão Inserir Widget, salve o bloco e limpe o cache do Magento. Se tudo estiver corretamente configurado, o contador será exibido.

 

 

ADICIONANDO O CONTADOR NA PÁGINA DO PRODUTO

 

Para adicionarmos o contador na página do produto, iremos utilizar o Bloco Dinâmico. Esta opção indica algumas áreas pré-definidas da loja para inserção de conteúdo. No nosso caso, há uma opção já configurada de conteúdo do próprio módulo de contador. Siga os passos a seguir com o contador já configurado, como explicado anteriormente na primeira seção CRIANDO CONTADOR:

1 – No Painel Administrativo, vá em Conteúdo/Blocos Dinâmicos.

2 – Clique no botão Criar Widget

3 – Na aba Configurações, selecione no campo TIPO a opção Countdown Timer. No campo TEMPLATE, selecione o tema da loja, que no caso da plataforma Modelo, é o tema argento/flat. Clique em CONTINUAR e algumas opções extras serão exibidas.

4 – Na aba Propriedades de Frontend que é carregada, insira no campo TÍTULO o nome do contador que deseja inserir. No campo ORDEM você indica a ordem de instância de um widget caso eles sejam inseridos no mesmo bloco. O valor padrão é 0 (zero).

5 – Logo abaixo, na aba Atualizar Leiaute, você deverá selecionar a área aonde você deseja inserir o contador. No nosso caso, vamos selecionar um local abaixo do botão Comprar.

5-1 – No campo DISPLAY ON, devemos selecionar a página aonde inserir o conteúdo. No nosso caso, selecionamos o valor Todos os Tipos de Produtos.

5-2 – No campo BLOCO DE REFERÊNCIA, selecione a opção Bloco Abaixo Opção de Empacotamento.

6 – O próximo passo é indicar o ID do contador, criado anteriormente. Este passo deve ser feito em duas etapas.

6-1 – Para que você possa checar qual o ID do contador, você deve acessar a lista dos contadores configurados. Para isso, vá em Promoções/Countdown Timers/Blocks List (abra esta opção em uma outra aba do navegador). Na tabela que for exibida, haverá a coluna ID. Você deve copiar esta informação para inserir nas configurações do Bloco Dinâmico que está sendo criado.

6-2 – Retornando às configurações do Bloco Dinâmico, vá na aba Opções de Widget. No campo COUNTDOWN ID insira o ID do contador que foi checado no passo anterior.

 

7 – Salve as alterações. Se tudo estiver configurado corretamente, o contador será exibido como no exemplo abaixo:

 

Qualquer dúvida entre em contato com o suporte da Bring ([email protected]).

0