Contador de números animado grátis para seu site

Mostre números-chave com um contador de números animado que chama a atenção, acrescenta prova social e ajuda a aumentar a confiança e as conversões.

Crie um contador animado

escolhido por mais de 500 mil empresas

O editor está em inglês por enquanto. Sem cartão de crédito.

plugineditor

Teste o editor, sem cadastro

Crie seu widget aqui mesmo

Escolha um modelo, personalize e veja tudo se atualizar ao vivo, sem cadastro. O editor está em inglês por enquanto.

Abrir o editor

Sem cartão de crédito · Plano grátis para sempre

Sem cartão de crédito · Plano grátis para sempre

  • 200+Plataformas compatíveis
  • 500 mil+Empresas que usam o Common Ninja
  • <5 minTempo de configuração
  • Sem códigoNão precisa programar

O contador de números do Common Ninja é um widget de contador animado, grátis e sem código, que revela estatísticas, marcos e KPIs com uma animação de contagem suave.

Adicione vários contadores, defina os valores inicial e final, inclua prefixos ou sufixos como %, $, + ou K, escolha um layout e um estilo, e depois cole uma linha de código de incorporação em mais de 200 plataformas, incluindo Canva, Webs, Notion, WordPress e Squarespace.

Crie e publique em menos de 5 minutos.

Por que adicionar um contador de números ao seu site?

  • Comprove sua credibilidade com prova social

    "Mais de 50.000 clientes atendidos" causa mais impacto do que um parágrafo estático. Os contadores transformam os números de que você já se orgulha em um momento de encanto visual em cada landing page, página de preços e estudo de caso.

  • Destaque marcos e impacto

    Anos de mercado, prêmios conquistados, projetos entregues, recursos arrecadados, árvores plantadas, vidas transformadas. Os contadores animados dão aos seus marcos o peso que eles merecem, sem apelar para colagens de fotos de banco de imagens.

  • Faça os números dos seus estudos de caso se destacarem

    Um aumento de 47% nas conversões parece um dado sem graça no meio do texto. Contado a partir do zero ao rolar a página, ele vira a manchete do estudo de caso. O mesmo número, dez vezes mais atenção.

  • Turbine páginas de impacto e de KPIs

    Relatórios de sustentabilidade, páginas de arrecadação de fundos, painéis para parceiros e páginas de OKRs da equipe precisam dos números em primeiro plano. Os contadores dão às páginas sem visualização de dados um jeito de destacar métricas sem uma biblioteca de gráficos pesada.

Comece em 3 passos

Como funciona

  1. Insira seus números

    Adicione quantos contadores precisar. Defina o valor inicial, o valor final, o rótulo e qualquer prefixo ou sufixo (%, $, +, K, unidade personalizada). Mude a ordem quando quiser no editor.

  2. Escolha um layout e um estilo

    Escolha um layout vertical, horizontal ou em grade. Combine com a sua marca usando as cores do estilo, ícones da biblioteca integrada, o peso da fonte e o tamanho dos números, em um editor com pré-visualização ao vivo.

  3. Cole uma linha e pronto

    Copie o código de incorporação e coloque em qualquer lugar do seu site. Os contadores são animados quando aparecem na tela ao rolar a página. As alterações futuras são aplicadas automaticamente, sem incorporar o código de novo.

Abrir o editor

O que você ganha com o contador de números do Common Ninja

Contagem suave que começa ao rolar a página

Os contadores ficam parados até o visitante rolar a página e chegar até eles. Então são animados do seu valor inicial até o seu valor final, com uma suavização (easing) que você controla. Sem travamentos, sem piscadas e sem mudanças no layout.

Suporte a prefixos e sufixos

Acompanhe seu número com a unidade que combina com ele: $, %, +, K, M, kg ou rótulos personalizados. Posicione o prefixo ou o sufixo onde a leitura fica natural, e a animação vai respeitar essa escolha.

Layouts flexíveis e biblioteca de ícones

Empilhe os contadores na vertical, alinhe na horizontal ou organize em grade. Combine cada um com um ícone da biblioteca integrada de ícones de contorno, para que o visual seja mais do que apenas dígitos.

Estilos prontos e CSS personalizado

Aplique com um clique um estilo que combina com a sua marca ou ajuste as cores, a tipografia, o espaçamento e o estilo dos ícones no editor visual. O CSS personalizado está disponível quando você quiser um controle perfeito, pixel por pixel.

Tudo o que o editor inclui

  • Contador de números: Vários estilos

    Vários estilos

    O contador de números animado vem com uma variedade de estilos bonitos para você escolher, assim você não precisa gastar muito tempo com uma personalização detalhada.

  • Contador de números: Vários layouts

    Vários layouts

    O contador de números animado oferece layouts muito usados para você escolher o que melhor combina com o design da sua página.

  • Contador de números: Totalmente personalizável

    Totalmente personalizável

    O contador de números animado oferece opções completas de personalização para você editar o design de acordo com as suas necessidades. Mude as cores, as fontes, o espaçamento e tudo o mais!

  • Contador de números: Perfeitamente responsivo

    Perfeitamente responsivo

    O contador de números animado é totalmente responsivo e fica ótimo em qualquer dispositivo. Em um mundo em que o celular vem primeiro, esse recurso vai deixar você à frente da concorrência.

  • Contador de números: CSS personalizado

    CSS personalizado

    Como em todos os apps do Common Ninja, você pode adicionar CSS personalizado para ajustar o contador de números animado e ser ainda mais criativo.

  • Contador de números: Fácil de incorporar

    Fácil de incorporar

    Você pode incorporar o app no seu site facilmente, copiando uma única linha de código. O contador de números animado também é atualizado automaticamente a cada alteração que você fizer.

Também incluído no editor

Animação chamativa

O contador de números animado tem uma animação de “contagem” divertida e chamativa que com certeza vai dar movimento ao seu site, além de ajudar a concentrar a atenção do usuário nas informações importantes.

Um conjunto robusto de ícones

Além da opção de adicionar imagens ao contador de números, o app tem uma grande seleção de ícones que você pode escolher para usar no lugar das imagens.

Defina o número inicial

Você pode personalizar o app como achar melhor, inclusive decidir qual será o número inicial do contador.

Adicione um prefixo ou sufixo

Quer adicionar um sinal de mais depois de um número? Ou talvez indicar que o número se refere a usuários? Ou até mostrar que o número representa uma determinada moeda? Seja o que for que você queira adicionar, é fácil fazer isso com um prefixo ou um sufixo que aparece antes ou depois do número.

Adicione links

Você pode adicionar links facilmente ao contador de números animado para melhorar a navegação e aumentar as conversões.

Adicione e troque o fundo

Você pode adicionar um fundo em forma de imagem para destacar de verdade o seu contador de números e complementar ainda mais a linha de design do seu site.

Widget de contador de números fácil de usar

O widget de contador de números animado é fácil de usar e não exige conhecimento de programação. Nosso painel intuitivo, com o recurso de arrastar e soltar, permite personalizar o app do jeito que você quiser com apenas alguns cliques simples.

Pronto para colocar seus números em destaque?

Abrir o editor

Sem cartão de crédito · Configuração em menos de 5 minutos

O que nossos clientes dizem

Avaliações reais. Clientes reais.

Verificada

Serviço excepcional. Uso os widgets deles para me ajudar no meu negócio de web design e, sempre que preciso de ajuda, eles ajudam muito rápido.

Traduzido do inglês

Verificada

Empresa excelente com um serviço excelente!!! Usamos para criar uma pesquisa e foi muito fácil de usar. O atendimento foi perfeito. O Amit nos ajudou com cada problema e cada dúvida que tivemos, muito obrigado!!!

Traduzido do inglês

Verificada

O Common Ninja salvou o dia quando estávamos criando nosso site, e o atendimento ao cliente que o Daniel, cofundador e CEO, nos deu foi incrível.

Traduzido do inglês

Leia mais avaliações de clientes (em inglês)
Perguntas frequentes

Respostas rápidas

  • Não. O contador de números do Common Ninja anima números que você define no editor (receita, cadastros, marcos, KPIs, prova social). Ele não conta visitantes em tempo real nem visualizações de página. Para acompanhar visitantes em tempo real, use o Google Analytics, o Plausible ou uma ferramenta específica para contar tráfego. Use este widget quando quiser revelar um número específico com design e animação em uma landing page.

Guias por plataforma

Como adicionar o widget de contador de números ao seu site

Escolha sua plataforma. Cada uma leva menos de 4 minutos.

  1. 1Abra seu design no Canva, clique em Apps na barra lateral esquerda e pesquise Embed.
  2. 2Cole o link de incorporação do Common Ninja no app Embed e clique no bloco que aparece.
  3. 3Arraste o bloco para o seu design e ajuste o tamanho. O contador é animado dentro do Canva quando é visualizado.
Como adicionar ao Canva (guia em inglês)

Compatível com todos os criadores de sites, plataformas de e-commerce e sites

Explore widgets relacionados

Perguntas frequentes

Claro que pode. É muito fácil. Basta ir até a aba “Templates” e selecionar o layout que preferir.

Sim, é fácil fazer isso adicionando um prefixo ou um sufixo, que vai mostrar o símbolo antes ou depois do número, conforme o caso.

Sim, você pode personalizar a duração e o atraso da animação.

Sim, há um efeito hover que destaca o número selecionado. 

Usar o widget de contador de números animado é muito fácil. Basta se cadastrar e começar a usar a versão gratuita. Não precisa se preocupar com processos complicados de configuração ou instalação, porque o widget de contador de números animado foi pensado para ser simples e fácil de usar. Depois de se cadastrar, você terá acesso a todos os recursos e funções básicos do widget, que pode usar para melhorar seu site e sua presença on-line. A partir daí, você pode escolher fazer upgrade para a versão paga se quiser acessar recursos e funções mais avançados. Seja qual for a versão que você escolher, vai perceber que o widget é uma ferramenta poderosa e fácil de usar, que pode ajudar a levar sua presença on-line para o próximo nível.

O widget de contador de números animado do Common Ninja é uma ferramenta gratuita, cheia de recursos e opções. Embora o uso seja gratuito, ele tem um limite de visualizações que pode receber. Isso significa que, depois de um certo número de visualizações, o widget pode deixar de aparecer ou de funcionar no seu site. É importante saber que esse limite de visualizações pode variar de acordo com o seu plano. Mesmo com essa limitação, o contador de números animado do Common Ninja continua sendo uma ferramenta valiosa para empresas que querem aumentar o engajamento dos clientes e melhorar a experiência geral dos usuários no site.

O widget de contador de números animado do Common Ninja é uma ferramenta versátil para qualquer criador de sites. Isso significa que você pode adicionar este widget facilmente ao seu site ou loja, não importa qual plataforma você use para criar seu site. O widget de contador de números animado vai funcionar perfeitamente com a sua plataforma, seja um criador de sites popular ou algo mais especializado. Assim, você aproveita todas as vantagens desta ferramenta poderosa sem se preocupar com problemas de compatibilidade.

Sim. O widget de contador de números animado pode ser usado em conformidade com o GDPR. A coleta de informações dos visitantes é sempre opcional: ela fica desativada até você ativá-la nas configurações do widget, e é você quem decide o que é coletado. Como dono do site, você continua responsável pela forma como usa os dados dos seus visitantes.

Não precisa saber programar. Nosso widget de contador de números animado foi pensado para ser fácil de usar, mesmo para quem tem pouca experiência técnica. O widget tem uma interface simples, que permite personalizá-lo facilmente sem conhecimento de programação. Você pode personalizar totalmente o contador de números animado para combinar com a sua marca. Quando terminar, é só copiar o código fornecido e colar no seu site. Simples assim!

 Claro. Queremos muito conhecer a sua sugestão. Visite nossa página de sugestões de recursos (em inglês).

Um contador de números animado é um elemento de interface que permite que um site ou aplicativo mostre um número que aumenta ou diminui ao longo do tempo. Ele pode ser usado para criar um efeito visual interessante e dinâmico, e costuma ser usado para mostrar estatísticas ou outros dados numéricos. Um contador de números animado pode usar diversas técnicas de animação, como transições suaves, suavização (easing) ou aceleração, para criar um efeito realista e visualmente atraente. Alguns contadores de números animados também incluem recursos adicionais, como a possibilidade de personalizar a velocidade da animação ou o formato dos números, ou de mostrar vários números ao mesmo tempo. De modo geral, um contador de números animado pode ser uma forma útil e envolvente de mostrar dados numéricos em um site ou aplicativo.

Um widget de contador de números animado pode ser usado para mostrar uma grande variedade de dados numéricos ou estatísticas em um site ou aplicativo. Alguns exemplos comuns de conteúdo que podem ser mostrados em um widget de contador de números animado são:

  • Total de vendas ou receita
  • Número total de clientes ou usuários
  • Número total de produtos ou itens em estoque
  • Número total de pedidos ou transações
  • Número total de visitas ou visualizações de página
  • Tempo total gasto no site ou no app
  • Distância total percorrida ou calorias queimadas
  • Número total de prêmios ou conquistas


De modo geral, qualquer tipo de dado numérico ou estatística que possa ser representado como um único número ou uma série de números pode ser mostrado em um widget de contador de números animado. O widget pode ser personalizado para mostrar os números em vários formatos, como moeda, porcentagem ou decimal, e pode ser usado para mostrar números positivos e negativos. Além disso, o widget pode mostrar vários números ao mesmo tempo, o que permite que os usuários comparem facilmente diferentes dados ou estatísticas.

Um widget de contador de números animado pode melhorar a experiência do usuário (UX) de um site ao oferecer uma forma dinâmica e envolvente de mostrar dados numéricos ou estatísticas. O efeito de animação do widget pode deixar os números mais atraentes e envolventes, o que ajuda a capturar a atenção do usuário e manter o interesse dele no conteúdo. Além disso, o widget de contador de números animado pode oferecer aos usuários uma forma clara e concisa de ver dados numéricos, o que facilita entender e interpretar as informações. Isso pode melhorar a usabilidade geral do site e deixá-lo mais amigável, já que os usuários conseguem acessar os dados numéricos e interagir com eles facilmente, sem precisar procurá-los ou interpretá-los em outro formato. De modo geral, um widget de contador de números animado pode ser uma ferramenta útil e eficaz para melhorar a UX de um site.

Se é melhor mostrar um contador de números animado com ou sem imagem depende do contexto e dos objetivos específicos do site ou aplicativo. Em alguns casos, mostrar o contador de números animado com uma imagem pode ser mais eficaz e visualmente atraente, já que a imagem pode trazer mais contexto e informação sobre os dados mostrados. Por exemplo, se o contador de números animado estiver sendo usado para mostrar o número total de produtos vendidos, uma imagem do produto pode oferecer uma representação visual mais envolvente e informativa dos dados. Por outro lado, em alguns casos, mostrar o contador de números animado sem imagem pode ser mais eficaz, já que deixa os números mais em evidência e fáceis de ver para o usuário. Além disso, usar uma imagem nem sempre é adequado ou viável, dependendo da natureza dos dados mostrados ou do design do site. No fim, a decisão de mostrar um contador de números animado com ou sem imagem vai depender dos objetivos e das necessidades específicas do site ou aplicativo.

Incorporar o widget de contador de números animado no seu site é um processo simples. Basta copiar o código fornecido e colar no lugar desejado do seu site. O widget vai se integrar perfeitamente ao seu site, para você aproveitar seus recursos e funções. Não é preciso ter conhecimento técnico nem de programação, é só copiar e colar o código para começar. Esse processo simples permite adicionar o widget ao seu site com facilidade e melhorar a funcionalidade dele sem nenhuma complicação.

Comece quando quiser

Coloque seus números em destaque

Funciona em mais de 200 plataformas. Mais de 500 mil empresas confiam no Common Ninja.

Crie seu contador de números

Sem cartão de crédito · Configuração em menos de 5 minutos