La section Avantages affiche une rangée de cartes, chacune avec une icône, un titre et un court texte. Utilisez-la pour les promesses que vous faites à chaque client, comme la livraison gratuite, le paiement à la livraison, le paiement sécurisé ou les retours faciles.
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 Avantages dans le groupe Marketing.
- Sélectionnez la section et cliquez sur Ajouter un nouveau bloc pour ajouter une carte Avantage. Faites glisser les cartes pour changer leur ordre.
Elle n'est proposée que sur la page d'accueil, une par page, avec jusqu'à 8 cartes.
Réglages de la section
- Colonnes sur ordinateur : le nombre de cartes côte à côte sur ordinateur (de 1 à 6). Les cartes en trop passent sur une nouvelle ligne.
- Colonnes sur mobile : le nombre de cartes côte à côte sur téléphone (de 1 à 3). Avec une seule, chaque texte reste facile à lire.
- Surface : Carte place chaque avantage sur son propre panneau, Simple les place directement sur le fond de la section, et Séparateur trace une fine ligne entre les cartes. Les coins, les bordures et l'ombre viennent de votre thème.
- Largeur de la section, Schéma de couleurs, Espacement entre les cartes, Marge intérieure et un onglet CSS personnalisé.
Chaque carte d'avantage
- Icône : choisissez une icône, comme un camion de livraison, un bouclier ou un cadenas. Choisissez Aucun pour une carte avec du texte seulement.
- Image : utilisez votre propre image à la place de l'icône, pour cette carte uniquement. Elle est affichée à la taille de l'icône.
- Alignement : Début ou Centre, pour l'icône et la ligne d'accent. Le titre et le texte ont leur propre alignement dans leurs blocs de texte.
- Taille de l'icône : la taille de l'icône ou de l'image.
- Ligne d'accent : une courte ligne sous le texte qui termine la carte. Activée par défaut.
- Effet au survol : Soulever fait monter l'icône et Échelle l'agrandit quand la souris est sur la carte, et les deux allongent la ligne d'accent. Aucun garde la carte immobile.
Chaque carte contient jusqu'à 2 blocs Texte : le premier est le titre, le second le court texte. Vous pouvez les styliser comme n'importe quel bloc de texte, voir Blocs Groupe, Texte, Bouton et Séparateur : comment fonctionnent les réglages des composants de mise en page ? La taille de l'icône, l'alignement, la ligne d'accent et l'effet au survol se règlent carte par carte : vous pouvez donc les mélanger sur une même ligne.
Idées
- Livraison et paiement : « Livraison gratuite », « Paiement à la livraison », « Retours faciles » et « Service client 7 jours sur 7 », avec 4 Colonnes sur ordinateur et 2 Colonnes sur mobile.
- Promesses de marque : « Fait main », « Ingrédients naturels », « Fabriqué localement », avec vos propres images dessinées.
Bon à savoir
- Les cartes ne sont pas des liens : l'effet au survol ne déplace que l'icône et la ligne, jamais la carte.
- Les clients qui ont activé la réduction des animations sur leur appareil voient les cartes sans mouvement.
- Pour de petits messages de confiance près du bouton d'achat sur la page produit, utilisez plutôt le bloc Badges. Voir Comment ajouter des onglets dépliables, des dates de livraison, un guide des tailles, des badges ou des images avant/après à ma page produit ?
- Ne promettez que ce que vous offrez vraiment. Les clients font confiance à ces cartes.