Adicionar um temporizador de contagem decrescente.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosDados e movimento

Obtém um relógio em direto que conta decrescentemente para o seu evento, prazo ou fim de oferta. Utilize-o quando uma data for importante e quiser que os visitantes ajam antes de ela passar.

Temporizador de contagem decrescente no estilo 3D flip a mostrar dias, horas, minutos e segundos até um open day

Adicionar um temporizador de contagem decrescente

Abra a sua página com sessão iniciada: os controlos do construtor aparecem quando paira o cursor sobre a área de conteúdo. Crie a sua primeira página mostra o essencial.

  1. Paire o cursor sobre a coluna e clique em + na barra de controlos, ou clique em Add Elements numa página vazia. Abra o separador Content e clique em Countdown timer. O elemento é colocado no topo da coluna e o diálogo de definições abre.
  2. Escolha um Countdown style, por exemplo 3D flip.
  3. Mantenha Date / Time Limitations na predefinição, Specify date only, e defina a Date em que a contagem termina.
  4. Display options tem as cinco unidades assinaladas. Desmarque as de que não precisa; aqui desmarcamos Show remaining years.
  5. Clique em Save no diálogo. Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

O relógio conta decrescentemente para a data que escolheu, no estilo e nas unidades que escolheu. No vídeo, um relógio 3D flip mostra dias, horas, minutos e segundos para uma data três meses à frente. Os visitantes veem-no depois de guardar a página e de esta ser publicada.

Configurar o temporizador de contagem decrescente

Paire o cursor sobre o elemento e abra More > Settings na barra de controlos. Opções:

  • Countdown style: o aspeto do relógio: Plain, Grid, 3D flip, Disc, Airport style ou Transparent.
  • Date / Time Limitations: para o que o relógio conta. Escolha Specify date only (a predefinição), Specify date and time, Specify time only (repete todos os dias) ou Resetting counter (intervalo até 24 horas).
  • Date: o dia em que a contagem termina. Termina à meia-noite, quando esse dia começa, no fuso horário de cada visitante. Os outros modos mostram Date / Time ou Time.
  • Reset in hours: com Reset in minutes e Reset in seconds, o intervalo de um contador de reinício.
  • Page referrer: uma página que abre quando o tempo esgota. Aparece nos modos de repetição e de reinício.
  • Automatic restart: reinicia um contador de reinício quando chega a zero.
  • Display options: as unidades que o relógio mostra, de Show remaining years a Show remaining seconds. As cinco vêm assinaladas por predefinição.

Se não o vir

  • O Countdown timer não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para assinalar Countdown em Elements em User Profiles.
  • Desapareceu depois de recarregar. A página não foi guardada. Adicione-o novamente e clique em Save na barra de ferramentas no topo da área de conteúdo.
  • Todos os dígitos mostram zero. A data de destino está no passado. Paire o cursor sobre o elemento e abra More > Settings, depois defina uma Date futura.
  • Não há campo Date. Date / Time Limitations está noutro modo. Escolha Specify date only, ou preencha o campo Date / Time ou Time que esse modo mostra.
  • O relógio recomeça todos os dias. Date / Time Limitations está em Specify time only (repete todos os dias). Escolha Specify date only para um evento único.

E a seguir?

Separador Style para alterar o espaçamento e o fundo do seu temporizador de contagem decrescente.