Ajouter des icônes de paiement aux pages Panier et Paiement sur Shopify

· Updated
5 min de lecture
Ajouter des icônes de paiement aux pages Panier et Paiement sur Shopify
Table des matières

TL;DR

The best way to add payment icons in Shopify is to use built-in theme settings first, then fall back to a Custom Liquid snippet using shop.enabled_payment_types for cart, cart drawer, or product pages. Direct checkout edits are now limited, so most merchants should use Shopify-approved tools like Checkout Blocks for checkout icon placement. Keep icons accurate, place them near the conversion point, and always test on mobile before publishing.

Si votre boutique Shopify propose plusieurs options de paiement, vous avez plus de chances de réaliser des ventes en laissant aux clients la liberté de choisir leur moyen de paiement préféré.

Alors, comment ajouter des icônes de paiement, comme American Express, MasterCard et Visa, à vos pages de paiement et de panier ?

Découvrons-le.

option de paiement

Les avantages d’ajouter des icônes de paiement

Intégrer des icônes de paiement dans votre boutique Shopify offre de nombreux avantages qui peuvent avoir un impact positif sur votre activité :

  • Confiance et crédibilité renforcées : afficher des icônes de paiement reconnues comme American Express, MasterCard, Visa, Apple Pay et Google Pay rassure les clients sur la sécurité et le caractère fiable de votre boutique, ce qui peut augmenter leur confiance au moment d’acheter.
  • Meilleure expérience utilisateur : des options de paiement bien visibles permettent aux clients de vérifier rapidement que leur moyen de paiement préféré est accepté, ce qui fluidifie le passage en caisse et réduit l’abandon de panier.
  • Hausse des taux de conversion : proposer plusieurs moyens de paiement et les afficher clairement permet de toucher un public plus large, notamment des clients internationaux qui privilégient d’autres méthodes. Les études montrent que l’affichage de moyens de paiement de confiance peut renforcer la confiance des clients et augmenter les conversions, avec un taux de conversion ecommerce moyen en 2025 compris entre 2 % et 4 %.
  • Apparence plus professionnelle : ajouter des icônes de paiement sur les pages de panier et de paiement donne à votre boutique un rendu soigné et professionnel, conforme aux attentes des clients sur les sites e-commerce modernes.
  • Avantage concurrentiel : proposer plusieurs options de paiement peut vous donner une longueur d’avance sur des concurrents moins flexibles, et vous aider à attirer et fidéliser davantage de clients. Avec plus de 700 moyens de paiement désormais pris en charge par Shopify, y compris des options récentes comme Klarna, les services Buy Now Pay Later et les portefeuilles numériques, mettre en avant votre flexibilité de paiement est plus important que jamais.

En mettant en place ces icônes de paiement, vous améliorez la fonctionnalité et l’attractivité de votre boutique Shopify, pour une expérience d’achat plus sécurisée, plus fluide et plus rentable.

Ajouter des options de paiement aux pages panier et paiement

Si vous souhaitez ajouter davantage d’options de paiement à vos pages panier et paiement, vous devrez modifier le code. Rendez-vous dans la partie de votre thème où vous voulez afficher les icônes et collez ce code :

<ul class="payment-icons list--inline site-footer__icon-list">

                {% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

                  {% for type in enabled_payment_types %}

                  <li class="payment-icon">

                    {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}

                  </li>

                {% endfor %}

              </ul>

Voici comment procéder :

  • Allez dans la section Boutiques en ligne de votre interface d’administration, puis cliquez sur Thèmes
  • Choisissez le thème et allez dans Actions
  • Cliquez sur Modifier le code
  • Allez dans Sections. Sélectionnez footer.liquid
  • Recherchez le code suivant :
{% for type in shop.enabled_payment_types %}
  • Remplacez-le par ce code :
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

{% for type in enabled_payment_types %}
  • Dans ce code, vous pouvez séparer les prestataires de paiement par une virgule, par exemple visa,master,american_express,paypal,apple_pay,google_pay,klarna. Vous pouvez inclure n’importe lequel des 700+ moyens de paiement désormais pris en charge par Shopify, y compris les portefeuilles numériques populaires et les options Buy Now Pay Later.
  • Enfin, cliquez sur Enregistrer

Pour en savoir plus sur les prestataires de paiement pris en charge par Shopify, consultez vos paramètres de paiement ou la documentation officielle de Shopify sur les icônes de paiement.

Comment retirer PayPal des options de paiement

Si vous ne souhaitez pas afficher l’option PayPal (car PayPal n’est pas opérationnel dans certains pays, et certains vendeurs ne proposent donc pas ce moyen de paiement), vous pouvez supprimer son code dans theme.liquid. Cela ressemble à ceci :

{% if additional_checkout_buttons %}

  <div class="additional-checkout-buttons">

    {{ content_for_additional_checkout_buttons }}

  </div>

{% endif %}

Supprimer cette section du code retirera l’icône PayPal des moyens de paiement.

 

Mettre en avant des caractéristiques uniques de vos produits et de votre boutique avec Ping, y compris les moyens de paiement

Badges de confiance Ping Shopify

Si vous voulez transformer vos visiteurs en clients, vos produits ont souvent besoin d’un petit coup de pouce. Comme vous n’avez pas de conseiller de vente sous la main, il est difficile de mettre en avant les raisons pour lesquelles les clients devraient acheter.

Avec Ping, vous pouvez créer de superbes encarts de mise en avant des caractéristiques de vos produits et de votre boutique, conçus pour convertir. Déployez-les sur tout le site ou sur des produits spécifiques : toutes les combinaisons sont possibles, là où cela compte le plus.

Essayez Ping gratuitement dès aujourd’hui depuis le Shopify app store.

Conclusion

Proposer plusieurs options de paiement dans votre boutique Shopify augmente nettement vos chances de vendre, car les clients apprécient la flexibilité de pouvoir choisir leur moyen de paiement préféré. Ajouter des icônes de paiement comme American Express, MasterCard, Visa, Apple Pay, Google Pay, ainsi que des options plus récentes comme Klarna et les services Buy Now Pay Later sur vos pages panier et paiement peut améliorer l’expérience d’achat et renforcer la crédibilité de votre boutique.

En suivant quelques étapes simples, vous pouvez intégrer facilement ces icônes de paiement dans le code de votre thème. Shopify prend désormais en charge plus de 700 moyens de paiement dans le monde, ce qui facilite plus que jamais la vente à l’international. Si besoin, vous pouvez aussi retirer certaines options de paiement comme PayPal en ajustant le code du thème. Enfin, pensez à utiliser des outils comme Ping pour créer des encarts percutants mettant en avant les atouts de vos produits et de votre boutique, afin d’augmenter encore les conversions.

En appliquant ces stratégies, vous pouvez offrir une expérience d’achat fluide et conviviale, qui incite les clients à finaliser leurs achats et contribue à améliorer vos taux de conversion dans un environnement ecommerce toujours plus concurrentiel.

Partagez cet article

Articles similaires