Elemento de contagem regressiva

Sobre o elemento Contagem regressiva

O elemento Contagem Regressiva no GemPages permite adicionar um relógio de contagem regressiva à sua página, com contagem regressiva para uma data e hora específicas. Você pode usar esse elemento em banners de destaque, páginas de produtos ou coleções para criar urgência, destacar ofertas por tempo limitado e promover eventos.

Fazer isso pode incentivar os visitantes a tomarem medidas imediatas, como fazer uma compra, reivindicar uma oferta especial ou se inscrever para um evento antes que o tempo acabe.

Como adicionar um cronômetro de contagem regressiva no GemPages V7

Etapa 1: A partir do Painel GemPages > PÁGINAS, localize uma página existente ou crie um novo.

Etapa 2: Depois de acessar o editor, use a barra de pesquisa para encontrar o elemento e arraste-o e solte-o na área de design.

Para acessar as configurações do Contador Regressivo, clique no elemento. A barra lateral esquerda exibirá o Configurações aba, onde você pode personalizar seu comportamento e aparência.

Guia Configurar configurações

Tempo de contagem regressiva

Nesta seção, você pode escolher entre três tipos de temporizadores de contagem regressiva, incluindo: Termina em, Auto-renovação e manual.

1. Termina em

Se você escolher Termina emVocê precisará definir uma data e hora específicas para o término da contagem regressiva. 

Você pode escolher como o horário de término será aplicado, selecionando uma das seguintes opções:

• Com base em um fuso horário específico

Você pode selecionar ambos os dados e fuso horárioA contagem regressiva terminará exatamente no mesmo instante em todo o mundo, com base no fuso horário escolhido.
Por exemplo, se você definir a contagem regressiva para terminar às 12:00 (UTC-4), o cronômetro terminará nesse momento para todos os visitantes do mundo, independentemente de sua localização.

• Em todos os fusos horários

Você só precisa selecionar o dadosO horário de término da contagem regressiva será calculado com base no fuso horário local de cada visitante.
Por exemplo, se você definir a contagem regressiva para terminar às 12:00, os visitantes em UTC-4 verão o término às 12:00 (UTC-4), enquanto os visitantes em UTC-3 verão o término às 12:00 (UTC-3).

2. Renovação automática

Se você escolher a renovação automática, precisará... Defina uma contagem regressiva diária recorrente que reinicia automaticamente no horário escolhido todos os dias. Você também pode optar por exibir o cronômetro com base no horário. fuso horário local do dispositivo do visitante, garantindo que a contagem regressiva esteja alinhada com o horário atual deles.

Por exemplo, se você definir o horário de reinicialização para 6h00, o temporizador será reiniciado automaticamente às 6h00 todos os dias, de acordo com o horário do dispositivo do usuário.

3. Manual

Se você escolher a opção Manual, precisará... Inicie a contagem regressiva assim que um visitante acessar a página e defina a duração. Você também pode escolher esta opção com laço modo LIGADO para reiniciar o timer automaticamente quando ele terminar.

gerenciamento de itens

Escolha os itens a serem exibidos com o elemento Contagem regressiva.

Estilo do item

Nesta seção, você pode configurar:

• Lacuna de itens: Ajuste a altura da caixa de itens.

• padding: Defina o preenchimento para todos. 
• Fundo: Defina a cor de fundo para todos os itens.
• Fronteira: Clique no botão "Adicionar ...” para adicionar uma borda para todos os itens.

• Canto: O canto arredondado padrão é 8px.

Tempo

Escolha o Estilo do item para exibir o Tempo para este cronômetro de contagem regressiva. Você pode alterar o estilo, a fonte, o tamanho e a cor, além de adicionar o efeito de transformação/sombra para este texto.

Subtítulo

Alterne esta seção para configurar o Estilo de texto de sua subtítulo texto.

Espaçamento de itens

Ajuste o espaçamento entre cada caixa de item inserindo um número exato ou arrastando o controle deslizante.

Dimensões:

Defina o preenchimento para o elemento Contagem regressiva.

Shape

Selecione o tipo de borda (ponto, traço ou linha), raio do canto e tipo e cor de sombra para o formato do elemento.

Após expirado

Nesta seção, você pode configurar a ação após o término da contagem regressiva:

• Ocultar temporizador: Acertar Sim se você quiser ocultar o elemento; caso contrário, selecione Não.
• Ação: Escolha no menu suspenso, incluindo: Permanecer na página, Abrir página, Rolar para, Abrir pop-up, Enviar e-mail ou Fazer chamada telefônica.

Alinhar

Ajuste o alinhamento deste elemento: alinhado à esquerda, alinhado ao centro ou alinhado à direita.

Configurar a guia Avançado

Para uma personalização mais avançada, navegue até a guia Avançado e siga as instruções em Este artigo.

E aí está você!