Contador de números animado gratis para tu sitio web

Muestra cifras clave con un contador de números animado que llama la atención, suma prueba social y ayuda a aumentar la confianza y las conversiones.

Crea un contador animado

elegido por más de 500 mil negocios

El editor está en inglés por ahora. Sin tarjeta de crédito.

plugineditor

Prueba el editor, sin registrarte

Diseña tu widget aquí mismo

Elige una plantilla, personalízala y mira cómo se actualiza en vivo, sin registrarte. El editor está en inglés por ahora.

Abrir el editor

Sin tarjeta de crédito · Plan gratis para siempre

Sin tarjeta de crédito · Plan gratis para siempre

  • 200+Plataformas compatibles
  • 500 mil+Negocios que usan Common Ninja
  • <5 minTiempo de configuración
  • Sin códigoNo necesitas programar

El contador de números de Common Ninja es un widget de contador animado, gratis y sin código, que muestra estadísticas, logros y KPI con una animación de conteo fluida.

Agrega varios contadores, define los valores inicial y final, ponles prefijos o sufijos como %, $, + o K, elige un diseño y un estilo, y luego pega una línea de código de inserción en más de 200 plataformas, como Canva, Webs, Notion, WordPress y Squarespace.

Créalo y publícalo en menos de 5 minutos.

¿Por qué agregar un contador de números a tu sitio web?

  • Demuestra tu credibilidad con prueba social

    "Más de 50,000 clientes atendidos" causa más impacto que un párrafo estático. Los contadores convierten los números que ya te enorgullecen en un momento de deleite visual en cada landing page, página de precios y caso de éxito.

  • Destaca logros e impacto

    Años en el negocio, premios ganados, proyectos entregados, fondos recaudados, árboles plantados, vidas cambiadas. Los contadores animados les dan a tus logros el peso que merecen sin recurrir a collages de fotos de stock.

  • Haz que las cifras de tus casos de éxito resalten

    Un aumento del 47% en las conversiones se lee como un dato plano dentro del texto. Contado desde cero al hacer scroll, se convierte en el titular del caso de éxito. El mismo número, diez veces más atención.

  • Impulsa páginas de impacto y KPI

    Los reportes de sustentabilidad, las páginas de recaudación de fondos, los paneles para socios y las páginas de OKR del equipo necesitan los números en primer plano. Los contadores les dan a las páginas sin visualizaciones de datos una forma de destacar métricas sin una pesada biblioteca de gráficas.

Empieza en 3 pasos

Cómo funciona

  1. Ingresa tus números

    Agrega todos los contadores que necesites. Define el valor inicial, el valor final, la etiqueta y cualquier prefijo o sufijo (%, $, +, K, una unidad personalizada). Cambia el orden cuando quieras en el editor.

  2. Elige un diseño y un estilo

    Elige un diseño vertical, horizontal o en cuadrícula. Combínalo con tu marca usando los colores del estilo, íconos de la biblioteca integrada, el grosor de la fuente y el tamaño de los números, en un editor con vista previa en vivo.

  3. Pega una línea y listo

    Copia el código de inserción y colócalo en cualquier parte de tu sitio. Los contadores se animan cuando aparecen en pantalla al hacer scroll. Los cambios que hagas después se aplican solos, sin volver a insertar el código.

Abrir el editor

Lo que obtienes con el contador de números de Common Ninja

Conteo fluido que arranca al hacer scroll

Los contadores se quedan quietos hasta que el visitante llega a ellos al hacer scroll, y entonces se animan de tu valor inicial a tu valor final con un suavizado (easing) que tú controlas. Sin tirones, sin parpadeos y sin saltos en el diseño.

Prefijos y sufijos

Acompaña tu número con la unidad que le corresponde: $, %, +, K, M, kg o etiquetas personalizadas. Coloca el prefijo o el sufijo donde se lea con naturalidad y la animación lo respetará.

Diseños flexibles y biblioteca de íconos

Apila los contadores en vertical, alinéalos en horizontal o acomódalos en cuadrícula. Acompaña cada uno con un ícono de la biblioteca integrada de íconos de contorno, para que el conjunto se vea como algo más que dígitos.

Estilos prediseñados y CSS personalizado

Aplica con un clic un estilo que combine con tu marca, o ajusta los colores, la tipografía, los espacios y el estilo de los íconos en el editor visual. El CSS personalizado está disponible cuando quieras un control perfecto al píxel.

Todo lo que incluye el editor

  • Contador de números: Varios estilos

    Varios estilos

    El contador de números animado incluye una variedad de estilos atractivos para elegir, así no tienes que dedicar mucho tiempo a personalizarlo a fondo.

  • Contador de números: Varios diseños

    Varios diseños

    El contador de números animado ofrece diseños de uso común entre los que puedes elegir el que mejor vaya con la estética de tu página.

  • Contador de números: Totalmente personalizable

    Totalmente personalizable

    El contador de números animado ofrece opciones de personalización completas para que adaptes el diseño a lo que necesitas. ¡Cambia los colores, las fuentes, los espacios y todo lo demás!

  • Contador de números: Perfectamente adaptable a móviles

    Perfectamente adaptable a móviles

    El contador de números animado es totalmente adaptable y se verá muy bien en cualquier dispositivo. En un mundo donde el celular es lo primero, esta función te pondrá por delante de tu competencia.

  • Contador de números: CSS personalizado

    CSS personalizado

    Como en todas las apps de Common Ninja, puedes agregar CSS personalizado al contador de números animado y ser todavía más creativo.

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

    Fácil de insertar

    Puedes insertar la app en tu sitio web fácilmente copiando una sola línea de código. Además, el contador de números animado se actualizará automáticamente con cada cambio que hagas.

También incluido en el editor

Animación llamativa

El contador de números animado tiene una animación de “conteo” entretenida y llamativa que seguro le dará movimiento a tu sitio web y ayudará a centrar la atención del usuario en la información importante.

Un amplio conjunto de íconos

Además de poder agregar imágenes al contador de números, la app tiene una gran selección de íconos que puedes usar en lugar de imágenes.

Define el número inicial

Puedes personalizar la app como quieras, incluso decidir cuál será el número inicial del contador.

Agrega un prefijo o sufijo

¿Quieres agregar un signo de más después de un número? ¿O tal vez indicar que el número se refiere a usuarios? ¿O incluso que representa cierta moneda? Sea lo que sea que quieras agregar, puedes hacerlo fácilmente con un prefijo o un sufijo que aparezca antes o después del número.

Agrega enlaces

Puedes agregar enlaces fácilmente al contador de números animado para mejorar la navegación y aumentar las conversiones.

Agrega y cambia el fondo

Puedes agregar un fondo en forma de imagen para que tu contador de números realmente destaque y complemente aún más la línea de diseño de tu sitio web.

Un widget de contador de números fácil de usar

El widget de contador de números animado es fácil de usar y no requiere saber programar. Nuestro panel intuitivo, con la función de arrastrar y soltar, te permite personalizar la app como quieras con solo unos cuantos clics.

¿Listo para poner tus números en primer plano?

Abrir el editor

Sin tarjeta de crédito · Configuración en menos de 5 minutos

Lo que dicen nuestros clientes

Reseñas reales. Clientes reales.

Verificada

Un servicio sobresaliente. Uso sus widgets para apoyarme en mi negocio de diseño web y, siempre que necesito ayuda, me ayudan muy rápido.

Traducido del inglés

Verificada

¡¡¡Excelente empresa con excelente servicio!!! Lo usamos para crear una encuesta y fue muy fácil de usar. El servicio fue perfecto. Amit nos ayudó con cada problema y cada pregunta que tuvimos, ¡¡¡muchas gracias!!!

Traducido del inglés

Verificada

Common Ninja nos salvó cuando estábamos creando nuestro sitio web, y la atención al cliente que nos dio Daniel, el cofundador y CEO, fue increíble.

Traducido del inglés

Lee más reseñas de clientes (en inglés)
Preguntas frecuentes

Respuestas rápidas

  • No. El contador de números de Common Ninja anima los números que defines en el editor (ingresos, registros, logros, KPI, prueba social). No cuenta visitantes en vivo ni vistas de página. Para medir visitantes en tiempo real, usa Google Analytics, Plausible o una herramienta dedicada para contar tráfico. Usa este widget cuando quieras mostrar un número específico con diseño y animación en una landing page.

Guías por plataforma

Cómo agregar el widget de contador de números a tu sitio web

Elige tu plataforma. Cada una toma menos de 4 minutos.

  1. 1Abre tu diseño de Canva, haz clic en Apps en la barra lateral izquierda y busca Embed.
  2. 2Pega el enlace de inserción de Common Ninja en la app Embed y haz clic en el bloque que aparece.
  3. 3Arrastra el bloque a tu diseño y ajusta el tamaño. El contador se anima dentro de Canva cuando alguien ve el diseño.
Cómo agregarlo a Canva (guía en inglés)

Compatible con todos los creadores de sitios, plataformas de e-commerce y sitios web

Explora widgets relacionados

Preguntas frecuentes

Claro que sí. Es muy fácil. Solo ve a la pestaña “Templates” y selecciona el diseño que prefieras.

Sí, puedes hacerlo fácilmente agregando un prefijo o un sufijo, que mostrará el símbolo antes o después del número, según corresponda.

Sí, puedes personalizar la duración y el retraso de la animación.

Sí, hay un efecto hover que resalta el número seleccionado. 

Usar el widget de contador de números animado es muy fácil. Solo regístrate y empieza a usar la versión gratuita. No tienes que preocuparte por procesos complicados de configuración o instalación, porque el widget está diseñado para ser sencillo y fácil de usar. Una vez que te registres, tendrás acceso a todas las funciones básicas del widget, que puedes usar para mejorar tu sitio web y tu presencia en línea. A partir de ahí, puedes elegir pasarte a la versión de pago si quieres acceder a funciones y capacidades más avanzadas. Sin importar qué versión elijas, verás que el widget es una herramienta potente y fácil de usar que puede ayudarte a llevar tu presencia en línea al siguiente nivel.

El widget de contador de números animado de Common Ninja es una herramienta gratuita, llena de funciones y opciones. Aunque su uso es gratis, tiene un límite en la cantidad de vistas que puede recibir. Esto significa que, después de cierta cantidad de vistas, es posible que el widget deje de verse o de funcionar en tu sitio web. Es importante saber que este límite de vistas puede variar según tu plan. A pesar de esta limitación, el contador de números animado de Common Ninja sigue siendo una herramienta valiosa para los negocios que buscan aumentar la interacción con sus clientes y mejorar la experiencia general de los usuarios en su sitio web.

El widget de contador de números animado de Common Ninja es una herramienta versátil para cualquier creador de sitios web. Esto significa que puedes agregarlo fácilmente a tu sitio web o tienda, sin importar con qué plataforma esté hecho tu sitio. El widget funcionará sin problemas con tu plataforma, ya sea que uses un creador de sitios web popular o algo más especializado. Así puedes disfrutar de todas las ventajas de esta potente herramienta sin preocuparte por problemas de compatibilidad.

Sí. El widget de contador de números animado se puede usar de forma que cumpla con el RGPD. La recopilación de información de los visitantes siempre es opcional: está desactivada hasta que la activas en la configuración del widget, y tú decides qué se recopila. Como dueño del sitio web, sigues siendo responsable de cómo usas los datos de tus visitantes.

No necesitas saber programar. Nuestro widget de contador de números animado está diseñado para ser fácil de usar, incluso si tienes poca experiencia técnica. El widget tiene una interfaz sencilla que te permite personalizarlo fácilmente sin saber programar. Puedes personalizar por completo el contador de números animado para que vaya con tu marca. Cuando termines, solo copia el código que te damos y pégalo en tu sitio web. ¡Así de fácil!

 ¡Con gusto! Nos encantaría conocer tu sugerencia. Visita nuestra página de sugerencias de funciones (en inglés).

Un contador de números animado es un elemento de interfaz que permite a un sitio web o una aplicación mostrar un número que aumenta o disminuye con el tiempo. Sirve para crear un efecto visual interesante y dinámico, y se usa con frecuencia para mostrar estadísticas u otros datos numéricos. Un contador de números animado puede usar distintas técnicas de animación, como transiciones suaves, suavizado (easing) o aceleración, para crear un efecto realista y atractivo a la vista. Algunos contadores de números animados también incluyen funciones adicionales, como la posibilidad de personalizar la velocidad de la animación o el formato de los números, o de mostrar varios números a la vez. En general, un contador de números animado puede ser una forma útil y atractiva de mostrar datos numéricos en un sitio web o una aplicación.

Un widget de contador de números animado se puede usar para mostrar una gran variedad de datos numéricos o estadísticas en un sitio web o una aplicación. Algunos ejemplos comunes de contenido que se puede mostrar en un widget de contador de números animado son:

  • Ventas o ingresos totales
  • Número total de clientes o usuarios
  • Número total de productos o artículos en inventario
  • Número total de pedidos o transacciones
  • Número total de visitas o vistas de página
  • Tiempo total que se pasa en el sitio web o la app
  • Distancia total recorrida o calorías quemadas
  • Número total de premios o logros


En general, cualquier tipo de dato numérico o estadística que se pueda representar como un solo número o una serie de números se puede mostrar en un widget de contador de números animado. El widget se puede personalizar para mostrar los números en distintos formatos, como moneda, porcentaje o decimal, y se puede usar para mostrar números tanto positivos como negativos. Además, el widget puede mostrar varios números a la vez, lo que permite a los usuarios comparar fácilmente distintos datos o estadísticas.

Un widget de contador de números animado puede mejorar la experiencia de usuario (UX) de un sitio web al ofrecer una forma dinámica y atractiva de mostrar datos numéricos o estadísticas. El efecto de animación del widget puede hacer que los números sean más atractivos a la vista, lo que ayuda a captar la atención del usuario y a mantener su interés en el contenido. Además, el widget de contador de números animado puede ofrecer a los usuarios una forma clara y concisa de ver datos numéricos, lo que les facilita entender e interpretar la información. Esto puede mejorar la usabilidad general del sitio web y hacerlo más fácil de usar, porque los usuarios pueden acceder a los datos numéricos e interactuar con ellos sin tener que buscarlos ni interpretarlos en otro formato. En general, un widget de contador de números animado puede ser una herramienta útil y eficaz para mejorar la UX de un sitio web.

Que sea mejor mostrar un contador de números animado con o sin imagen depende del contexto y los objetivos específicos del sitio web o la aplicación. En algunos casos, mostrar el contador con una imagen puede ser más eficaz y atractivo a la vista, porque la imagen aporta contexto e información adicional sobre los datos que se muestran. Por ejemplo, si el contador se usa para mostrar el número total de productos vendidos, una imagen del producto puede ofrecer una representación visual más atractiva e informativa de los datos. Por otro lado, en algunos casos, mostrar el contador sin imagen puede ser más eficaz, porque permite que los números destaquen más y que el usuario los vea con facilidad. Además, usar una imagen no siempre es adecuado o viable, según la naturaleza de los datos que se muestran o el diseño del sitio web. Al final, la decisión de mostrar un contador de números animado con o sin imagen dependerá de los objetivos y las necesidades específicas del sitio web o la aplicación.

Insertar el widget de contador de números animado en tu sitio web es un proceso sencillo. Solo copia el código que te damos y pégalo en el lugar que quieras de tu sitio web. El widget se integrará sin problemas en tu sitio, para que aproveches sus funciones. No necesitas conocimientos técnicos ni de programación, solo copia y pega el código para empezar. Este proceso sencillo te permite agregar el widget a tu sitio web y mejorar su funcionalidad sin complicaciones.

Empieza cuando quieras

Pon tus números en primer plano

Funciona en más de 200 plataformas. Más de 500 mil empresas confían en nosotros.

Crea tu contador de números

Sin tarjeta de crédito · Configuración en menos de 5 minutos