¿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.

Contador de números en OptinMonster

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 plugin.

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

La mejor manera de agregar un contador de números animados en WordPress es usando Producto de semilla. 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 Lite de SeedsProd 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 WordPress plugin.

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.

Introducción de la clave de licencia de SeedProd

A continuación, deberá dirigirse a SeedProd » Páginas de destino 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’.

Crear un nuevo diseño de página de inicio con SeedProd

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.

Seleccione una plantilla de página

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’.

Introduce un nombre de página y una URL de 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.

Agregar el bloque contador

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.

Editar el título del contador

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.

Edita el color y el estilo del bloque.

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

Ahora haga clic en el botón ‘Estado de la página’ y cámbielo a Publicar.

Publica tu página de contador de números

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.

Vista previa del contador de números

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 Número de contador plugin.

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

Primero, deberá instalar y activar el número de contador plugin. Para obtener más detalles, consulte nuestra guía sobre cómo instalar un WordPress plugin.

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

Agregar un 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 Producto de semilla.

Introduzca un nombre para el contador y seleccione una plantilla

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.

Agregar detalles de contador

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

por ejemplo, el plugin 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.

Publica tu número de contador

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

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

Copia el shortcode para mostrador

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.

Agregar un shortcode bloquear a WordPress

A continuación, puede pegar el número de contador shortcode 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.

Libre plugin vista previa del número de contador

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 WordPress plugins para sitios web de pequeñas empresas.

, WordPress. Twitter y Facebook.

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

visto en: wpbeginner

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *