> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 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** 1. Allez à **Shopify Administrateur** → **Boutique en ligne** → **Thèmes** 2. Cliquez sur **Modifier le thème** sur votre thème en direct 3. Ouvrir **Embeds d'application** à partir de la barre latérale 4. Basculer **Hoppy Trust Badges (Badges et icônes)** → **SUR** 5. 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. ---