Avançar para o conteúdo
Ajuda
Seções e blocos do editor

Como mostro números e estatísticas animados (secção Indicador)?

Mostre números importantes como clientes satisfeitos, pedidos entregues ou anos de atividade com a secção Indicador: números que sobem quando os clientes chegam até eles, prefixo e sufixo (+, %, K), rótulos acima ou abaixo, itens por linha, tamanho da letra, negrito e separadores.

3 min de leitura

A secção Indicador mostra uma fila de números, como "10 000+ clientes satisfeitos" ou "98% de avaliações positivas". Cada número conta a partir de zero quando os clientes chegam até ele.

Adicionar a secção

  1. Abra o construtor e escolha Página inicial no separador Páginas.
  2. No separador Secções, clique em Adicionar nova secção e escolha Indicador no grupo Conteúdo.
  3. Selecione a secção e clique em Adicionar novo bloco para adicionar uma Estatística (um número). Também pode adicionar um Separador para dividir as estatísticas em grupos.

Só está disponível na página inicial, até 2 por página. Cada indicador tem até 8 estatísticas e 7 separadores.

Configurações da secção

  • Itens por linha (1 a 8): quantas estatísticas ficam lado a lado. Em ecrãs pequenos podem aparecer menos por linha, para os números nunca ficarem apertados.
  • Direção: Vertical coloca o rótulo acima ou abaixo do número, Horizontal coloca-os lado a lado.
  • Tamanho da letra: o tamanho dos números, em píxeis.
  • Negrito: põe os números a negrito.
  • Largura da secção, Esquema de cores, Preenchimento e um separador CSS personalizado.

Cada estatística

  • Valor: o número. Só aceita números inteiros. Os números grandes têm separadores de milhares, por exemplo 10 000.
  • Prefixo: texto curto antes do número, como $.
  • Sufixo: texto curto depois do número, como +, % ou K.
  • Posição do texto: Topo ou Inferior, para colocar o rótulo acima ou abaixo do número.
  • Espaçamento: o espaço entre o número e o rótulo.

O rótulo é um bloco de Texto dentro da estatística (um por estatística). Clique nele para mudar as palavras, o tamanho ou o alinhamento. Veja Blocos Grupo, Texto, Botão e Separador: como funcionam as configurações dos componentes de disposição?

Separadores

Um Separador nesta secção ocupa toda a largura da secção. Não fica entre dois números da mesma linha: desenha uma linha de lado a lado, e as estatísticas antes e depois dele formam dois grupos. Arraste-o para o sítio que quer. A espessura, o comprimento e o espaçamento definem-se como em qualquer separador, e a linha usa a cor da borda do esquema de cores.

Receitas

  • Números grandes: para "250K+ pedidos", escreva 250 em Valor e K+ em Sufixo. Fica mais curto e mais fácil de ler.
  • Percentagem: Valor 98 com Sufixo %, e um rótulo como "dos clientes recomendam-nos".
  • Anos: Valor 12 com um rótulo como "anos de atividade".
  • Fila limpa: Itens por linha igual ao número de estatísticas, e Negrito ativo para os números se destacarem.
  • Dois grupos: quatro estatísticas sobre clientes, um Separador e depois quatro estatísticas sobre entregas.

Bom saber

  • A contagem acontece uma vez, na primeira vez que a secção aparece no ecrã.
  • Uma estatística mostra um número sem rótulo? O seu bloco de Texto foi ocultado ou eliminado. Selecione a estatística e clique em Adicionar novo bloco para o voltar a adicionar.
  • Os números passam para duas linhas no telemóvel? É normal: a secção mostra menos estatísticas por linha quando o ecrã é demasiado estreito.
  • Os clientes que ativaram a redução de movimento no dispositivo veem logo os números finais, sem contagem.
  • Mostre só números verdadeiros. Os clientes reparam quando não são.

Ainda precisa de ajuda?

Escreva-nos e nós respondemos.

Contacte-nos