La section Indicateur affiche une rangée de chiffres, comme « 10 000+ clients satisfaits » ou « 98 % d'avis positifs ». Chaque chiffre compte à partir de zéro quand les clients arrivent dessus en faisant défiler la page.
Ajouter la section
- Ouvrez le constructeur et choisissez Page d'accueil dans l'onglet Pages.
- Dans l'onglet Sections, cliquez sur Ajouter une nouvelle section et choisissez Indicateur dans le groupe Contenu.
- Sélectionnez la section et cliquez sur Ajouter un nouveau bloc pour ajouter une Statistique (un chiffre). Vous pouvez aussi ajouter un Séparateur pour répartir vos statistiques en groupes.
Elle n'est proposée que sur la page d'accueil, jusqu'à 2 par page. Chaque indicateur contient jusqu'à 8 statistiques et 7 séparateurs.
Réglages de la section
- Éléments par ligne (de 1 à 8) : le nombre de statistiques côte à côte. Il peut y en avoir moins par ligne sur les petits écrans, pour que les chiffres ne soient jamais serrés.
- Direction : Vertical place le libellé au-dessus ou en dessous du chiffre, Horizontal les place côte à côte.
- Taille de police : la taille des chiffres, en pixels.
- Gras : met les chiffres en gras.
- Largeur de la section, Schéma de couleurs, Marge intérieure et un onglet CSS personnalisé.
Chaque statistique
- Valeur : le chiffre. Seuls les nombres entiers sont acceptés. Les grands nombres reçoivent des séparateurs de milliers, par exemple 10 000.
- Préfixe : un texte court avant le chiffre, comme $.
- Suffixe : un texte court après le chiffre, comme +, % ou K.
- Position du texte : Haut ou Bas, pour placer le libellé au-dessus ou en dessous du chiffre.
- Espacement : l'espace entre le chiffre et son libellé.
Le libellé est un bloc Texte dans la statistique (un par statistique). Cliquez dessus pour changer les mots, la taille ou l'alignement. Voir Blocs Groupe, Texte, Bouton et Séparateur : comment fonctionnent les réglages des composants de mise en page ?
Séparateurs
Un Séparateur dans cette section occupe toute la largeur de la section. Il ne se place pas entre deux chiffres d'une même ligne : il trace une ligne d'un bord à l'autre, de sorte que les statistiques avant et après forment deux groupes. Faites-le glisser à l'endroit voulu. Son épaisseur, sa longueur et sa marge intérieure se règlent comme pour tout séparateur, et la ligne utilise la couleur de bordure du schéma de couleurs.
Recettes
- Grands nombres : pour « 250K+ commandes », tapez 250 dans Valeur et K+ dans Suffixe. C'est plus court et plus facile à lire.
- Pourcentage : Valeur 98 avec le Suffixe %, et un libellé comme « des clients nous recommandent ».
- Années : Valeur 12 avec un libellé comme « années d'activité ».
- Rangée nette : Éléments par ligne égal au nombre de vos statistiques, et Gras activé pour faire ressortir les chiffres.
- Deux groupes : quatre statistiques sur les clients, un Séparateur, puis quatre statistiques sur la livraison.
Bon à savoir
- Le comptage se joue une seule fois, la première fois que la section apparaît à l'écran.
- Une statistique affiche un chiffre sans libellé ? Son bloc Texte a été masqué ou supprimé. Sélectionnez la statistique et cliquez sur Ajouter un nouveau bloc pour en remettre un.
- Les chiffres passent sur deux lignes sur un téléphone ? C'est normal : la section affiche moins de statistiques par ligne quand l'écran est trop étroit.
- Les clients qui ont activé la réduction des animations sur leur appareil voient directement les chiffres finaux, sans comptage.
- N'affichez que des chiffres vrais. Les clients s'en aperçoivent quand ils ne le sont pas.