Cómo mostrar una animación de conteo de números en WordPress

¿Está buscando formas de mostrar un contador de números animado en su sitio de WordPress?

Mostrar un recuento de números ayuda a captar la atención de sus visitantes y le permite mostrar hitos, clientes satisfechos, proyectos exitosos completados y otras estadísticas importantes en su sitio web.

En este artículo, le mostraremos cómo mostrar una animación de conteo de números en WordPress.

¿Por qué agregar una animación de conteo de números en WordPress?

Mostrar un contador de números en su sitio web de WordPress es una excelente manera de atraer a los usuarios y captar su atención.

Puede usarlo para mostrar estadísticas importantes en su sitio, como la cantidad de visitantes mensuales o la cantidad de artículos en un blog de WordPress.

De manera similar, puede usar un conteo de números animados para mostrar proyectos completados, la cantidad de clientes satisfechos, la cantidad de clientes, los hitos alcanzados por su negocio y otra información crucial.

Por ejemplo, OptinMonster utiliza el contador de números para mostrar las sesiones de visitantes mensuales optimizadas.

Agregar y personalizar un conteo de números en WordPress generalmente requiere editar código. Esto puede ser complicado para los principiantes que no saben cómo escribir código.

Dicho esto, veamos cómo puedes mostrar un contador de números animado en WordPress. Cubriremos 2 métodos simples utilizando un creador de sitios web premium y un complemento gratuito.

Puede hacer clic en los enlaces a continuación para saltar a su sección preferida.

Método 1: Muestre una animación de conteo de números usando SeedProd

La mejor manera de agregar un contador de números animado en WordPress es usando SeedProd. Es el mejor creador de sitios web de WordPress que ofrece un creador de páginas de arrastrar y soltar y muchas opciones de personalización.

Para este tutorial, usaremos la versión Pro de SeedProd porque incluye bloques avanzados y le permite agregar un contador. También hay una versión de SeedProd Lite que puedes probar gratis.

Lo primero que deberá hacer es instalar y activar SeedProd. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

Tras la activación, SeedProd le pedirá que introduzca la clave de licencia. Puede encontrar la clave de licencia en el área de su cuenta y el correo electrónico de confirmación de compra.

A continuación, deberá dirigirse a SeedProd » Landing Pages desde su panel de administración de WordPress.

SeedProd le permite crear páginas de destino personalizadas diseñadas profesionalmente, incluida una página próximamente, una página de modo de mantenimiento, una página de inicio de sesión y una página 404.

Continúe y haga clic en el botón 'Agregar nueva página de destino'.

Después de eso, puede seleccionar una plantilla para su página de destino y mostrar el contador de números animado.

Simplemente coloque el cursor sobre una plantilla y haga clic en el botón de verificación naranja.

Ahora se abrirá una ventana emergente. Simplemente ingrese un nombre de página y una URL de página.

Después de eso, haga clic en el botón 'Guardar y comenzar a editar la página'.

Esto iniciará el generador de arrastrar y soltar de SeedProd.

A continuación, puede editar la plantilla de su página agregando diferentes bloques o haciendo clic en elementos existentes en la página.

Para agregar un conteo de números animado, simplemente arrastre el bloque 'Contador' desde el menú a su izquierda y suéltelo en la plantilla.

Después de eso, puede seleccionar el bloque Contador para personalizarlo aún más.

Por ejemplo, hay opciones para cambiar el número inicial y final en el contador, ingresar un prefijo y sufijo numérico y editar el título.

A continuación, puede cambiar a la pestaña "Avanzado" en la configuración del bloque de contador a su izquierda.

Aquí encontrará más opciones para cambiar el estilo, el color, el espaciado, la fuente y más para su bloque de contador.

Después de eso, puede dirigirse a la pestaña 'Configuración de página' en la parte superior.

Ahora haga clic en el interruptor 'Estado de la página' y cámbielo a Publicar .

A continuación, puede hacer clic en el botón 'Guardar' en la parte superior y salir del generador de páginas de destino.

Para ver el contador de números animado en acción, siga adelante y visite su sitio web.

Método 2: mostrar una animación de conteo de números usando el número de contador

Otra forma de agregar animación de conteo de números en WordPress es usando el complemento Counter Number.

Es un complemento gratuito de WordPress que es fácil de usar y le permite crear números de contador simples para su sitio.

Primero, deberá instalar y activar el complemento Counter Number. Para obtener más detalles, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

Tras la activación, puede ir a Números de contador » Todos los contadores desde su panel de WordPress y hacer clic en el botón 'Agregar nuevo contador'.

Después de eso, puede ingresar un título para su número de contador.

En la versión gratuita, solo puede seleccionar la plantilla de diseño simple. Si desea más plantillas y opciones de personalización, le sugerimos que utilice SeedProd.

A continuación, puede agregar detalles del número de contador. Hay opciones para editar el título del contador, seleccionar un icono e ingresar el valor del número del contador.

Puede agregar tantos números de contador como desee haciendo clic en el botón 'Agregar nuevo contador' en la parte inferior.

Además de eso, obtienes más opciones de personalización desde el panel a tu derecha.

Por ejemplo, el complemento le permite cambiar el color del título del contador, el color del número, el tamaño del icono, el tamaño de la fuente, la familia de fuentes y más.

Después de realizar los cambios, desplácese hacia arriba y publique su contador.

A continuación, puede dirigirse a Números de contador » Todos los contadores desde su panel de WordPress.

Continúe y copie el código abreviado del contador. Se verá así: [COUNTER_NUMBER id=41]

Luego, puede colocar su conteo de números animados en cualquier lugar de su sitio web, desde publicaciones y páginas hasta barras laterales.

Simplemente agregue una nueva publicación o página o edite una existente. Una vez que esté en el editor de contenido, simplemente haga clic en el signo '+' y agregue un bloque de Shortcode.

A continuación, puede pegar el código abreviado del número de contador en el bloque.

Desde aquí, obtenga una vista previa y publique su página o publicación para ver el conteo de números animados en acción.

Esperamos que este artículo le haya ayudado a aprender cómo mostrar una animación de conteo de números en WordPress. También puede ver nuestra guía definitiva para la seguridad de WordPress y nuestra selección experta de los mejores complementos de WordPress para sitios web de pequeñas empresas.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress. También puede encontrarnos en Twitter y Facebook.