Añadir un contador.

Obtienes un número que cuenta hacia arriba cuando las visitas se desplazan hasta él, con prefijo, sufijo y separador si los quieres. Úsalo para que una cifra clave destaque, como pacientes atendidos o proyectos entregados.

Añade un contador

Abre tu página con la sesión iniciada: los controles del constructor aparecen cuando pasas el cursor sobre la zona de contenido. Crea tu primera página muestra lo básico.

1. Pasa el cursor sobre la columna y haz clic en + en su barra de controles, o haz clic en Add Elements en una página vacía. Abre la pestaña Content y haz clic en Number counter. Queda arriba de la columna y su diálogo de ajustes se abre.
2. Escribe el número End hasta el que cuenta, solo dígitos. Aquí usamos 250000.
3. Añade un Suffix, como un signo más.
4. Elige un Thousands separator. Aquí elegimos Comma.
5. Define el Speed en milisegundos. Valores más altos cuentan más lento. Aquí lo arrastramos a unos 3000, que son 3 segundos.
6. Haz clic en Save en el diálogo. Luego haz clic en Save en la barra de herramientas arriba de la zona de contenido para guardar la página.

Lo que ves

El número cuenta hasta el número final que escribiste, con tu sufijo y separador. En el vídeo, cuenta hasta 250,000+ en 3 segundos.

La cuenta se ejecuta una vez, cuando el contador entra en vista. En el editor, se ejecuta justo después de cerrar el diálogo. Para verla de nuevo, pon el contador bajo la primera pantalla, abre la página guardada y desplázate hasta él. Las visitas lo ven cuando guardas la página y está publicada.

Configura tu contador

Pasa el cursor sobre el elemento y abre More > Settings en su barra de controles. Opciones:

• Start: el número donde empieza la cuenta. El valor predeterminado es 0.
• End: el número donde termina la cuenta. El valor predeterminado es 100.
• Font size: el tamaño del número en píxeles. El valor predeterminado es 30.
• Speed: cuánto tarda la cuenta, en milisegundos. El valor predeterminado es 2000.
• Thousands separator: None, Comma, Dot o Space entre grupos de miles.
• Prefix: texto antes del número, como $ o €.
• Suffix: texto después del número, como % o +.

Si no lo ves

• Number counter no está en la pestaña Content. Tu perfil de usuario lo oculta. Pide a una cuenta administradora que marque Counter en Elements en User profiles.
• Ya no está tras recargar. La página no se guardó. Añádelo de nuevo y haz clic en Save en la barra de herramientas arriba de la zona de contenido.
• El número se detiene en 100. End aún tiene su valor predeterminado. Pasa el cursor sobre el elemento y abre More > Settings, y escribe tu propio número.
• El número aparece pero no cuenta. Ya contó mientras estaba en vista, quizá justo tras cargar la página. La vista previa no lo reinicia. Pon el contador bajo la primera pantalla, recarga la página guardada y desplázate hasta él.
• La página aún muestra el número viejo. El cambio no se guardó. Haz clic en Save en la barra de herramientas arriba de la zona de contenido, y recarga.

¿Qué sigue?

Panel Style para cambiar espaciado y fondo de tu contador.