Cómo presentar una animación de confianza de cantidad en WordPress

Publicado: 2022-11-10


¿Está buscando técnicas para exhibir un contador de números animado en su sitio web de WordPress?

Exhibir una cantidad de confianza puede ayudar a captar el interés de sus visitantes y le permitirá mostrar hitos en la pantalla, compradores satisfechos, iniciativas productivas realizadas y otras estadísticas vitales en su sitio.

En esta publicación, le mostraremos cómo mostrar claramente una animación de cantidad de confianza en WordPress.

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

¿Por qué incorporar una animación Range Rely en WordPress?

Mostrar un contador de rango en su sitio web de WordPress es una excelente manera de interactuar con los consumidores y captar su atención.

Puede usarlo para evaluar estadísticas cruciales en su página web, como la cantidad de visitantes mensuales o el número de publicaciones en un sitio de blog de WordPress.

Del mismo modo, puede usar un conteo de cantidades animadas para evaluar los trabajos completados, la variedad de consumidores satisfechos, la variedad de compradores, los hitos logrados por su pequeña empresa y otros datos muy importantes.

Por ejemplo, OptinMonster funciona mediante el uso del contador de números para demostrar períodos de visitantes mensuales optimizados.

Contador de números en OptinMonster

Agregar y personalizar un conteo de números en WordPress normalmente requiere código de edición. Esto puede ser difícil para los principiantes que nunca saben cómo generar código.

Dicho esto, veamos cómo puede mostrar claramente un contador de cantidad animado en WordPress. Protegeremos 2 técnicas muy simples que emplean un creador de sitios web de calidad y un complemento gratuito.

Puede hacer clic en los vínculos de retroceso a continuación para avanzar a su parte favorita.

Estrategia 1: Mostrar claramente una animación Depende de la selección usando SeedProd

La mejor manera de agregar un contador de números animado en WordPress es usando SeedProd. Es el creador de sitios web de WordPress más efectivo que ofrece un creador de sitios de arrastrar y caer y un montón de soluciones de personalización.

Para este tutorial, usaremos la variación de SeedProd Professional principalmente porque incorpora bloques avanzados y le permite incluir un contador. También hay un modelo SeedProd Lite que puede consultar sin costo alguno.

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

Tras la activación, SeedProd le solicitará que ingrese la licencia crucial. Puede obtener la licencia necesaria en el lugar de su cuenta y el correo electrónico de confirmación de descarga.

Introducción de la clave de licencia de SeedProd

A continuación, querrá dirigirse a SeedProd » Páginas de aterrizaje desde su panel de administración de WordPress.

SeedProd le permite crear páginas web de destino personalizadas hábilmente diseñadas, que incluyen un sitio web de próxima aparición, una página de método de mantenimiento, un sitio de inicio de sesión y una página web 404.

Vaya con anticipación y simplemente haga clic en el botón 'Agregar nueva página de destino'.

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

Inmediatamente después de eso, puede encontrar una plantilla para su sitio web de destino y mostrar el contador de rango animado.

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

Seleccione una plantilla de página

Ahora se abrirá una ventana emergente. Ingrese solo el título de la página del sitio web y la URL de la página web.

Inmediatamente después, haga clic en el botón 'Guardar y comenzar a modificar 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 web introduciendo bloques únicos o haciendo clic en elementos presentes en la página.

Para aumentar una variedad animada, simplemente arrastre el bloque 'Contador' del menú en su resto y suéltelo en la plantilla.

Agregar el bloque contador

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

Por ejemplo, hay opciones para modificar la configuración y la selección final en el contador, ingresar un prefijo y sufijo de cantidad y editar el título.

Editar el título del contador

Posteriormente, puede cambiar a la pestaña 'Avanzado' menos que la configuración del bloque de contador en su resto.

En este artículo, descubrirá selecciones adicionales para mejorar el diseño y el estilo, el color, el espaciado, la fuente y más para su bloque de contador.

Edita el color y el estilo del bloque.

Inmediatamente 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 ajústelo a Publicar .

Publica tu página de contador de números

A continuación, puede hacer clic en el botón 'Guardar' en el mejor de los casos y salir del generador de páginas de destino.

Para ver el contador de rango animado en movimiento, avance y visite su sitio web.

Vista previa del contador de números

Sistema 2: mostrar una animación de conteo de números empleando una cantidad de contador

Otra forma en que puede agregar animación de cantidad en WordPress es utilizando el complemento Counter Number.

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

En primer lugar, deberá instalar y activar el complemento Counter Range. Para obtener información adicional, recuerde consultar 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 simplemente hacer clic en el botón 'Agregar nuevo contador'.

Agregar un nuevo contador

Inmediatamente después de eso, puede ingresar un título para su rango de contador.

En la variación absolutamente gratuita, solo puede encontrar la plantilla de estructura simple. Si desea plantillas adicionales y selecciones de personalización, le recomendamos que utilice SeedProd.

Introduzca un nombre para el contador y seleccione una plantilla

Posteriormente, puede aumentar la información de variedad de contador. Hay selecciones para editar el título del contador, seleccionar un icono e ingresar el valor de selección del contador.

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

Agregar detalles de contador

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

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

Después de generar los cambios, desplácese nuevamente hasta la parte superior y publique su contador.

Publica tu número de contador

En el futuro, puede dirigirse a Cifras de contador » Todos los contadores desde su panel de WordPress.

Vaya con anticipación y copie el Counter Shortcode. Se vislumbrará algo como esto: [COUNTER_NUMBER id=41]

Copie el código abreviado para el contador

Luego, puede colocar su rango animado en cualquier lugar de su sitio web, desde publicaciones y páginas web hasta barras laterales.

Simplemente agregue un nuevo artículo o página web o edite una persona actual. Cuando esté en el editor de contenido, simplemente haga clic en la indicación '+' e inserte un bloque de código corto.

Agregar un bloque de shortcode a WordPress

Posteriormente, puede pegar el código abreviado del rango del contador en el bloque.

Desde aquí, obtenga una vista previa y publique su sitio web o escriba para ver la variedad animada de la cuenta en acción.

Vista previa del número de contador del complemento gratuito

Esperamos que esta publicación te haya servido para aprender a mostrar una animación de confianza numérica en WordPress. También puede ver nuestra guía principal para la estabilidad 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, asegúrate de suscribirte a nuestro canal de YouTube para obtener tutoriales en video en línea de WordPress. También puede encontrarnos en Twitter y Facebook.