Ajouter les logos colissimo et chronopost en bas de page sur Shopify.

Ajouter les logos colissimo et chronopost en bas de page sur Shopify.

7 août 2019 2 Par david

Des logos colissimo et Chronopost, pour quoi faire?

Les logos Colissimo et Chronopost servent à rassurer tes visiteurs sur le mode de livraison sur ta boutique Shopify. Ainsi si en naviguant sur ton site ils arrivent en pied de page ils se rendront compte que ton site est associé à des transporteurs sérieux comme Chronopost ou Colissimo. Certains thèmes comme le Success Thème l’intègrent directement mais ce n’est pas une fatalité et vous pouvez facilement le faire seul.

Tuto pour ajouter vos logos en bas de page.

Ajout des logos chronopost et colissimo aux fichiers Shopify.

  • Enregistre les deux logos sur ton ordinateur (clic droit + Enregistrer l’image sous):
  • Ensuite sur shopify clique sur la roue « paramètres / settings » en bas à gauche de ton interface puis sur « fichier / Files ».
  • Clique sur « Upload files / télécharger des fichiers »  puis ajoute les logos Chronopost et Colissimo que tu viens de télécharger.
    Tu auras ensuite un lien à la droite de chacun de tes fichiers.
  • Fais un copier/coller de chacun des liens dans un bloc-notes.
  • Copie ce code : <img src= « votre-lien » />
  • Remplace la partie « votre-lien » du code ci dessous par les liens que tu avais collé dans ton bloc note.

Tes deux codes devront ressembler à peu près à ceci:
 <img src= https://cdn.shopify.com/s/files/1/2304/9471/files/logo_chronopost.jpg?541319850116 />
et
<img src= https://cdn.shopify.com/s/files/1/4304/7671/files/logo_colissimp.png?541319850346 />

Ajout les logos au footer de ton site

Pour ensuite ajoute les logos colissimo et chronopost au bas de ton site tu vas devoir procéder comme ceci :

  • Utilise le modèle suivant :
    <div class= « trustbadge »>
    <img src= https://cdn.shopify.com/s/files/1/2304/9471/files/logo_chronopost.jpg?541319850116 />
    <img src= https://cdn.shopify.com/s/files/1/4304/7671/files/logo_colissimo.png?541319850346 />
    <div>
    (remplace les codes en gras par les codes que tu avais préparé précedemment)
  • 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 section footer.liquid. Clique dessus et des lignes de codes s’affichent.
  • Tape CMD+F ou ctrl+F et recherche la balise </footer>
  • Colle le code juste avant la balise </footer> ou entre les balises </div> qui précèdent la balise </footer> pour ajuster l’alignement des logos.
example code shopify insérer logo colisssimo et chronopost

Voilà, tu sais désormais comment ajouter les logos Colissimo et Chronopost au bas de ta page shopify. Si tu as pris gout à ce tuto et que tu veux encore bidouiller ton site je te conseille le tuto suivant : Ajouter un badge de confiance / Trustbadge à mes pages produit Shopify?

J’ai testé ces tutos principalement sut les thèmes Debut et Brooklyn mais ils sont compatibles sur à peu près tous les thèmes shopify.

Si tu veux accéder à l’une de mes listes personnelles de hots product au format tableur excel (avec les liens aliexpress et les liens des boutiques concurentes) clique ici et laisse moi ton adresse mail. Tu recevra également certains conseils que je ne transmet que par mail. A bientôt.