La sección Indicator muestra una fila de números, como "10,000+ clientes satisfechos" o "98% de reseñas positivas". Cada número cuenta desde cero cuando los compradores se desplazan hasta él.
Añadir la sección
- Abre el constructor y elige Home page en la pestaña Pages.
- En la pestaña Sections, haz clic en Add new section y elige Indicator en el grupo Content.
- Selecciona la sección y haz clic en Add new block para añadir un Stat (un número). También puedes añadir un Divider para dividir tus estadísticas en grupos.
Solo está disponible en la página de inicio, hasta 2 por página. Cada indicador admite hasta 8 estadísticas y 7 separadores.
Ajustes de la sección
- Items per row (de 1 a 8): cuántas estadísticas van una al lado de otra. En pantallas pequeñas puede mostrar menos por fila, para que los números nunca queden apretados.
- Direction: Vertical pone la etiqueta encima o debajo del número, Horizontal los pone uno al lado del otro.
- Font size: el tamaño de los números, en píxeles.
- Bold: pone los números en negrita.
- Section width, Color scheme, Padding y una pestaña Custom CSS.
Cada estadística
- Value: el número. Solo admite números enteros. Los números grandes llevan separadores de miles, por ejemplo 10,000.
- Prefix: un texto corto antes del número, como $.
- Suffix: un texto corto después del número, como +, % o K.
- Text position: Top o Bottom, para poner la etiqueta encima o debajo del número.
- Gap: el espacio entre el número y su etiqueta.
La etiqueta es un bloque Text dentro de la estadística (uno por estadística). Haz clic en él para cambiar las palabras, el tamaño o la alineación. Consulta Bloques Group, Text, Button y Divider: ¿cómo funcionan los ajustes de los componentes de diseño?
Separadores
Un Divider en esta sección ocupa todo el ancho de la sección. No se coloca entre dos números de una fila: dibuja una línea de lado a lado, así que las estadísticas de antes y las de después forman dos grupos. Arrástralo al lugar que quieras. Su grosor, su longitud y su relleno se definen como en cualquier separador, y la línea usa el color de borde del esquema de colores.
Recetas
- Números grandes: para "250K+ pedidos", escribe 250 en Value y K+ en Suffix. Es más corto y más fácil de leer.
- Porcentaje: Value 98 con Suffix %, y una etiqueta como "de los clientes nos recomiendan".
- Años: Value 12 con una etiqueta como "años en el negocio".
- Fila limpia: Items per row igual a tu número de estadísticas, y Bold activado para que los números destaquen.
- Dos grupos: cuatro estadísticas sobre clientes, un Divider y luego cuatro estadísticas sobre entregas.
Bueno saberlo
- La cuenta se reproduce una sola vez, la primera vez que la sección aparece en pantalla.
- ¿Una estadística muestra un número sin etiqueta? Su bloque Text se ocultó o se eliminó. Selecciona la estadística y haz clic en Add new block para volver a añadirlo.
- ¿Los números pasan a dos filas en un móvil? Es normal: la sección muestra menos estadísticas por fila cuando la pantalla es demasiado estrecha.
- Los compradores que activaron la reducción de movimiento en su dispositivo ven los números finales directamente, sin cuenta.
- Muestra solo números reales. Los compradores notan cuando no lo son.