XQuiz

Número

O contador animado — valores inicial e final, preset de formato, prefixo e sufixo e direção da contagem

Number

O elemento Número exibe um contador animado: o número conta do Valor Inicial ao Valor Final, desacelerando perto do fim, em cerca de 5 segundos — com dígitos de largura fixa, para não tremer durante a contagem. Ele é apenas exibição, ideal para pontuações, estatísticas e valores de oferta; para capturar um número do visitante, use o elemento Número da categoria Input, a régua deslizante que ele arrasta; para uma resposta digitada, o Texto.

Valores da contagem

Na aba Conteúdo, seção Geral, você define o Valor Inicial (sem valor, 0) e o Valor Final (sem valor, 100); ao lado deles, Formato escolhe o preset de exibição, detalhado abaixo. Os dois campos de valor aceitam uma variável no formato {{nome}} — dá para contar até a pontuação real do visitante, por exemplo. Atenção: se a variável não tiver valor na sessão, o elemento não aparece no funil publicado.

Formato, prefixo e sufixo

  • Formato — um preset: Número (1.234), Real (R$ 1.234,00), Dólar (US$ 1.234,00), Porcentagem (12,5%) ou Peso (72,5 kg); Padrão exibe o número inteiro, sem separador de milhar (1234). Real e Dólar sempre com duas casas; os outros preservam as casas do valor final, até duas, e a contagem inteira usa essas mesmas casas. Os separadores seguem o idioma do funil: em inglês, R$ 1,234.00.
  • Prefixo e Sufixo — textos livres antes e depois do número (ex.: prefixo "R$" para moeda, sufixo "%" para porcentagem); aceitam variáveis e acompanham o tamanho do número.

Direção da contagem

Na aba Configurações, o seletor Animação controla a contagem: Crescente conta do Valor Inicial ao Final — é como um Número novo nasce; Decrescente conta do Final ao Inicial, e o número que fica na tela é o Valor Inicial. Em um Número novo, selecionar Padrão desliga a contagem: o número aparece estático, direto no Valor Final. A aba também traz Nome do elemento, Delay (o elemento só aparece após um tempo ou um vídeo da página) e Exibição condicional.

Aparência

Na aba Tema: Tamanho em cinco presets responsivos (de Muito pequeno a Muito grande; sem escolha, vale o Médio), Alinhamento (sem valor, centralizado), Cor do texto (vale também para prefixo e sufixo), Largura (33 a 100%) e o toggle Container, que envolve o número em um card com cor de fundo, cor da borda e a pasta Bordas.

No funil publicado

A contagem começa quando a página carrega — não espera o número entrar na tela — e a formatação é aplicada ao vivo durante a animação, que roda igual no canvas do editor. O Número não gera resposta nem evento: não aparece na tabela de Leads nem nos números de Analytics.

Nesta página