Adicionar um contador numérico.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosDados e movimento

Obtém um número que conta crescentemente quando os visitantes deslocam a página até ele, com prefixo, sufixo e separador se quiser. Utilize-o para destacar um número importante, como doentes atendidos ou projetos entregues.

Contador numérico a mostrar 250,000+ com separador de milhares por vírgula

Adicionar um contador numérico

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 Number counter. O elemento é colocado no topo da coluna e o diálogo de definições abre.
  2. Escreva o número End até onde contar, só com dígitos. Aqui usamos 250000.
  3. Adicione um Suffix, como um sinal de mais.
  4. Escolha um Thousands separator. Aqui escolhemos Comma.
  5. Defina a Speed em milissegundos. Valores mais altos contam mais devagar. Aqui arrastamos para cerca de 3000, que são 3 segundos.
  6. 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 número conta até ao número final que escreveu, com o seu sufixo e separador. No vídeo, conta até 250,000+ em 3 segundos.

A contagem corre uma vez, quando o contador entra na vista. No editor, corre logo depois de fechar o diálogo. Para a ver de novo, coloque o contador abaixo do primeiro ecrã, abra a página guardada e desloque a página até ele. Os visitantes veem-no depois de guardar a página e de esta ser publicada.

Configurar o contador numérico

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

  • Start: o número onde a contagem começa. A predefinição é 0.
  • End: o número onde a contagem para. A predefinição é 100.
  • Font size: o tamanho do número em píxeis. A predefinição é 30.
  • Speed: quanto tempo demora a contagem, em milissegundos. A predefinição é 2000.
  • Thousands separator: None, Comma, Dot ou Space entre grupos de milhares.
  • Prefix: texto antes do número, como $ ou €.
  • Suffix: texto depois do número, como % ou +.

Se não o vir

  • O Number counter não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para assinalar Counter 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.
  • O número para nos 100. End ainda tem o valor predefinido. Paire o cursor sobre o elemento e abra More > Settings, depois escreva o seu número.
  • O número aparece mas não conta. Já contou enquanto estava na vista, talvez logo depois de a página carregar. O Preview não o reinicia. Coloque o contador abaixo do primeiro ecrã, recarregue a página guardada e desloque a página até ele.
  • A página continua a mostrar o número antigo. A alteração não foi guardada. Clique em Save na barra de ferramentas no topo da área de conteúdo e depois recarregue.

E a seguir?

Separador Style para alterar o espaçamento e o fundo do seu contador numérico.