Comment configurer les blocs d'icônes
ℹ️ Note: Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien.
Apprenez comment ajouter et configurer Icon Blocks pour mettre en valeur votre boutique.Ses propositions de valeur clés telles que la livraison gratuite, la caisse sécurisée, les retours faciles, la livraison rapide, et plus encore.
Icon Blocks aide à améliorer la confiance des clients tout en rendant les informations importantes en vitrine plus visuellement.
✅ Étape 1: Ouvrir les blocs d'icônes
Aller à Shopify Administrateur → Applications → Hoppy Trust Badges Annexe
Cliquez sur Créer un nouveau badge.
✅ Étape 2: Choisissez votre placement
Dans les options de placement disponibles, sélectionnez où vous voulez que les blocs d'icônes apparaissent.
📍 Types de placement disponibles
Page produit
- Afficher les blocs d'icônes directement sur les pages des produits
- Aide les clients à se sentir plus confiants avant d'acheter
Pied de page
- Afficher les blocs d'icônes dans la section de pied de page
- Garde la messagerie de confiance visible à travers le magasin
Icônes flottantes
- Afficher les blocs d'icône flottants pendant que les clients défilent
- Généralement positionné dans les coins de l'écran pour une meilleure visibilité
Tiroir
- Afficher les blocs d'icônes à l'intérieur du mini chariot ou du chariot coulissant
- Renforce la confiance pendant l'expérience du chariot
Page panier
- Afficher l'icône Blocs directement sur la page du panier avant la commande
- Aide à réduire l'hésitation avant d'acheter
Page de départ
- Afficher les blocs d'icônes pendant la Shopify Processus de caisse
- Aide à renforcer la confiance avant l'achèvement de la commande
- Disponible uniquement pour Shopify Plus marchands
Position personnalisée
- Placer manuellement les blocs d'icônes exactement là où il faut
- Le positionnement peut être personnalisé en utilisant le Shopify Éditeur de thème
✅ Étape 3: Configuration des blocs d'icônes
Dans la Contenu onglet, localiser le Type de insigne déroulant et sélectionnez & #160;:
Blocs d ' icône
📝 Configurer le contenu du bloc
Dans la Bloc du contenu rubrique:
- Ajouter un nom de bloc interne pour faciliter la gestion dans votre tableau de bord admin
- Ce nom est seulement visible à l'intérieur de la zone d'administration et n'est pas montré aux visiteurs en vitrine
✍️ Configurer le texte promotionnel
Vous pouvez personnaliser la messagerie affichée à côté des icônes.
Champs disponibles
Titre
Ajouter le message principal pour le bloc d'icônes.
Exemples de titres
- Livraison gratuite
- Vérification sécurisée
- Retour facile
- Livraison rapide
Sous-positions
Ajouter un message de soutien sous le titre.
Exemple de sous-positions
- Pas de frais supplémentaires
- Paiements 100% sécurisés
- Retours sans problème
- Navires dans les 24 heures
🎨 Choisir & gérer les icônes
Vous pouvez personnaliser les icônes affichées dans le bloc d'icônes.
Actions disponibles
- Sélectionnez des icônes dans la bibliothèque d'icônes intégrée
- Remplacer les icônes existantes
- Supprimer les icônes indésirables
- Ajouter plusieurs icônes côte à côte
Exemples soutenus Inclure
- Visa
- Carte maîtresse
- PayPal
- Bande
- Icônes d'expédition
- Icônes de sécurité
📤 Télécharger les icônes personnalisées
Outre la bibliothèque d'icônes intégrée, vous pouvez également télécharger des icônes personnalisées directement depuis votre appareil.
Cela permet une plus grande flexibilité pour les magasins utilisant une marque personnalisée ou des actifs visuels uniques.
➕ Ajouter plus d'icônes
Cliquez sur Ajouter une nouvelle icône pour inclure des icônes supplémentaires dans le même bloc d'icônes.
💡 Plusieurs icônes peuvent être affichées ensemble pour renforcer la confiance.
🔗 Configurer Appel à l'action (CTA)
Chaque bloc d'icônes peut éventuellement inclure un comportement cliquable.
Types CTA disponibles
Aucun appel à l'action
Les icônes restent statiques et non cliquables.
Ceci est utile lorsque les icônes sont uniquement destinées à renforcer la confiance visuelle.
Ajouter un bouton avec le lien
Crée un bouton cliquable séparé à côté ou sous les icônes.
Ceci est utile pour orienter les clients vers:
- Pages FAQ
- Politique maritime
- Politiques de retour
- Pages d'information sur la sécurité
Ajouter un lien à l'ensemble du bloc
Le bloc d'icônes entier peut être cliqué.
Cela crée une expérience de visiteur plus transparente en permettant aux clients de cliquer n'importe où dans le bloc.
💡 Cela fonctionne particulièrement bien pour relier les clients à des pages de confiance, d'expédition ou de politique.
📌 Destinations de liens disponibles
Une fois qu'un type CTA est sélectionné, vous pouvez choisir où les clients doivent être redirigés.
Page produit
Réorienter les visiteurs directement vers Shopify produit.
Recouvrement
Réorienter les visiteurs vers une Shopify recouvrement.
URL personnalisée
Réorienter les visiteurs vers :
- Conditions d'utilisation
- À propos de nous page
- Politique maritime
- Pages externes
🛒 Lien entre les produits
Si le lien de page produit est sélectionné:
→ Utilisation Sélectionner le produit de choisir le produit de destination directement de votre Shopify En magasin.
🔄 Disposer les icônes
Vous pouvez facilement gérer la mise en page et l'arrangement des icônes.
Actions disponibles
- Ajouter plusieurs icônes
- Supprimer les icônes individuelles
- Réorganiser les combinaisons d'icônes pour les plans plus propres
⚠️ Trop d'icônes ensemble peuvent affecter l'espacement sur les petits écrans mobiles.
✅ Étape 4: Personnaliser les paramètres de conception
Ouvrir la Conception onglet pour styler vos blocs d'icônes.
Contrôles de conception disponibles
Visibilité
Choisissez :
- Bureau & Mobile
- Bureau seulement
- Mobile seulement
Typographie et couleurs
Personnaliser & #160;:
- Polices
- Taille du texte
- Couleurs de fond
- Frontières
- Espacement
⚠️ Important:
L'édition personnalisée des couleurs est uniquement disponible pour les icônes intégrées prises en charge.
Les images personnalisées téléchargées et certains logos de paiement standard peuvent conserver leurs couleurs originales.
Animations
Choisissez des styles d'animation pour rendre Icon Blocks plus dynamiques et visibles.
💡 Les animations subtiles se produisent souvent mieux sans devenir distrayantes.
✅ Étape 5 : Configurer le positionnement et la visibilité
Naviguez jusqu'au Placement et visibilité onglet.
Contrôles disponibles
Pages
Choisissez où les blocs d'icônes doivent apparaître :
- Toutes les pages
- Accueil seulement
- Pages de produits
- Pages de collecte
Dispositifs
Visibilité de contrôle pour:
- Bureau
- Mobile
- Les deux
Fonction
Régler le positionnement comme:
- Bas-gauche
- En bas à droite
- Postes en ligne
Tableau
Configuration optionnelle :
- Dates de début
- Dates de clôture
- Visibilité temporaire de la campagne
✅ Étape 6: Enregistrer et publier
Une fois vos blocs d'icônes entièrement configurés :
- Cliquez sur Enregistrer
- Puis cliquez sur Publier
Après publication:
→ Visitez votre vitrine et vérifiez que les blocs d'icônes apparaissent correctement à l'emplacement sélectionné.
💡 Conseil de dépannage rapide
Si les blocs d'icônes n'apparaissent pas sur votre vitrine après publication :
Votre Shopify le thème peut bloquer l'intégration de l'application.
Pour corriger cela
- Allez à Shopify Administrateur → Boutique en ligne → Thèmes
- Cliquez sur Modifier le thème sur votre thème en direct
- Ouvrir Embeds d'application à partir de la barre latérale
- Basculer Hoppy Trust Badges (Badges et icônes) → SUR
- Cliquez sur Enregistrer
✅ Résultat final
Une fois configurés avec succès, Icon Blocks aide à rendre votre vitrine plus fiable, informative et axée sur la conversion.
Avec une configuration appropriée:
✅ Les clients gagnent plus de confiance avant d'acheter
✅ Les politiques importantes des magasins deviennent plus visibles
✅ La messagerie de confiance se sent plus propre et plus professionnelle
✅ L'engagement de Storefront s'améliore
✅ L'hésitation à la caisse peut être réduite
✅ La crédibilité de la marque devient plus forte
Icon Blocks fonctionne mieux lorsqu'il est combiné à des mises en page propres, à un espacement équilibré et à des messages de confiance significatifs.
Mis à jour le : 10/09/2026
Merci !