Ajouter un badge de confiance / Trustbadge à mes pages produit Shopify?
Un badge de confiance, pour quoi faire?
Le trust badge, ou badge de confiance sert à rassurer tes visiteurs. Tu dois placer un trustbadge sous ton bouton ajouter au panier. Tu pourras ainsi montrer à tes futurs acheteurs que le mode de paiement est sécurisé sur ton site grâce à ces logos de confiance shopify.
Dans ce tuto je vais t’enseigner comment placer un trustbadge sous ton bouton d’ajout au panier. Cette astuce t’évitera de rajouter manuellement tes trustbadges à chacun de tes produits.
Ce tuto comporte un petit peu de code mais rien de très compliqué. Si tu as des difficultés à le mettre en place n’hésite pas me laisser un commentaire et j’essaierai de t’éclairer.
Le tuto Badge de confiance
Tu devras d’abord ajouter ton badge de confiance aux données de ton site Shopify. Choisis un logo de confiance shopify dans la section ci-dessous (clic droit + enregistrer l’image sous…).
Ajout du Trustbadge aux données de votre site
- Télécharge un de ces trustbadge ou le trustbadge de ton choix (au format .png de préférence) :
- Dans ton interface Shopify clique sur la roue « settings / paramètres » en bas à gauche puis sur l’encart « Files / Fichiers«
- Clique sur « Upload files / télécharger des fichiers »
puis ajoute le trustbadge que tu viens de télécharger. - Tu auras ensuite un lien à la droite de ton fichier. Fais un copier/coller de ce lien dans ton bloc-notes.
- Copie ce code : <img src= « votre-lien » />
- Remplacez la partie « votre-lien » du code par le lien que tu avais collé dans ton bloc note.
- Ton code devra ressembler à peu près à ceci <img src= https://cdn.shopify.com/s/files/1/2304/9471/files/mon-trustbadge.png?541319850116 />
Ajout du trustbadge à la page produit
Pour ajouter ton badge de confiance à ta boutique Shopify, procède comme ceci :
- Clique sur l’onglet « Online Store » puis clique sur le menu déroulant « Action » et enfin sur « Edit code/Modifier le code »
- Rendez-vous dans la partie « Sections » puis recherche l’onglet « product-template.liquid« , clique dessus, des lignes de codes s’affichent.
- Utilise le raccourci CMD+F (sur mac) ou CTRL+F et recherche le code de ton bouton d’ajout au panier, il est indiquée par le code : </button>
- Colle ton code qui ressemble à peu à près celui-ci <img src= https://cdn.shopify.com/s/files/1/2304/9471/files/votre-trustbadge.png?541319850116 /> sur la ligne juste après </button>
- Clique sur le bouton Save.
Voilà ! Tu as ajouté un badge de confiance automatiquement à toutes les pages produit de ton site Shopify
Si ce tuto t’a plu et que souhaites encore un peu bidouiller dans ton thème tu vas adorer celui-ci :
Ajouter les logos colissimo et chronopost en bas de page sur Shopify
bonjour, j’utilise le thème Dawn mais impossible de trouver product template liquite dans mes code comment puis-je procéder svp ?
cordialement
Si c’est un theme Shopify 2.0 je pense que tu peux le faire directement depuis ton interface où tu modifies ton template de page produit
bonjour, étonamment je ne trouve absolument pas les même code lorsque j’applique la procédure.
Queslqu’un pourrait m’aider?
Bonjour, tu utilises quel thème?
Super tuto simple clair et efficace, cela fait 2 mois que j’essaye d’inclure le badge de securite et la en 5 minutes c’est fait. Merci
Merci ! C’est toujours un plaisir 🙂
Salut ,
je suis sur le thème début .
en rentrant ctr+f , j’ai plusieurs qui s’affichent.
Du coup lorsque je scroll et que je fais le copié coller sur le » acheter maintenant » , çà ne fonctionne pas .
Est-ce qu’il y a eu un changement depuis l’année dernière , date du tuto ?
Merci
* j’ai plusieurs button qui s’affichent
** button acheter maintenant
(désolé le terme button codé ne s’est pas affiché sur mon précédent message)
Salut Dalila, il ne faut pas coller sur le bouton mais sur la ligne en dessous