Pular para o conteúdo
GloboGlobo Docs
Instalar aplicação
Português (Portugal)

Contagem decrescente

Adicione ao menu um temporizador de contagem decrescente para promoções relâmpago, lançamentos e prazos de época festiva.

Referência Growth Navigation · Pro Navigation 3 min de leitura

Um temporizador em tempo real (dias, horas, minutos, segundos) em contagem decrescente até uma data que definir, com título e subtítulo. Use-o para criar urgência numa promoção relâmpago, no lançamento de um produto ou num prazo de envio para as festas.

Adicionar o bloco

  1. Escolha um esquema

    No painel do mega menu da pré-visualização, clique em Add block (adicionar bloco). Clique em Countdown (contagem decrescente), passe o rato sobre um esquema e clique em Select.

    (1) Clique em Countdown, (2) escolha um esquema.

  2. Defina os textos

    Clique na contagem decrescente na pré-visualização para abrir Edit Item (editar item). Em General, defina o Title, o Subheading (subtítulo), um Link opcional e a Width (largura).

    (1) Clique na contagem decrescente na pré-visualização, (2) defina a Width.

  3. Defina o fim

    Na secção Countdown, defina End date, End time (data e hora de fim) e When the countdown ends (quando a contagem terminar).

    End date, End time e When the countdown ends

  4. Guarde e publique

    Se quiser, defina o estilo em Styles e clique em Save e Publish.

Esquemas

Countdown standard
Título e subtítulo centrados, com um temporizador grande por baixo.
Countdown balanced
Título à esquerda, temporizador à direita.
Countdown inline
Título à esquerda, um temporizador compacto numa só linha à direita.

Definições

General

Title
A linha principal, por exemplo “Despache-se!”.
Subheading
A linha por baixo do título, por exemplo “A oferta termina em breve”.
Link
Página opcional para onde o bloco leva.
Width
A parte da linha do mega menu que o bloco ocupa: Auto ou de 8,33% a 100%.

Countdown

End date / End time
Quando o temporizador chega a zero, no fuso horário da loja (indicado por baixo da data). O fim tem de ser futuro.
When the countdown endsPredefinição: Hide the block
Hide the block remove-o do menu. Keep showing zeros mantém-no com tudo a zeros. Show a message mostra o texto que escrever em Message when ended, por exemplo “Esta oferta terminou”.

Styles

LayoutPredefinição: O esquema que escolheu
Standard, Inline ou Balanced. Alterá-lo repõe os tamanhos e cores personalizados com as predefinições desse esquema, por isso escolha primeiro o esquema.
Background colorPredefinição: Transparente
Fundo do bloco.
Title size and colorPredefinição: 28 / 24 / 18 px · #202223
Tamanho (de 8 a 96 px) e cor. As predefinições são para Standard / Balanced / Inline.
Subheading size and colorPredefinição: 16 / 16 / 14 px · #6D7175
Tamanho e cor do subtítulo.
Timer size and colorPredefinição: 40 / 32 / 20 px · #202223
Tamanho e cor dos números.
Legend size and colorPredefinição: 14 px · #6D7175
Os rótulos “Days”, “Hrs” por baixo dos números.

Clique em Clear settings para repor as predefinições. A Visibility funciona como em todos os blocos; consulte Definições comuns a todos os blocos.

Sugestões

  • O Standard precisa de espaço para quatro pares de números grandes. Em colunas de 25% ou menos, reduza o Timer size ou defina a Width como 33.33% ou mais.
  • O temporizador conta até uma data fixa e não recomeça. Para uma nova promoção, defina uma nova End date.
  • Para mostrar o bloco apenas durante a promoção, use também Visibility > Schedule publishing.
  • Combine-o com um código de desconto para que os clientes tenham o código ao lado do temporizador.

Esta página foi útil?

Comunicar um problema