Skip to main content

​
Aperçu

Cette fonctionnalité vous permet d’afficher les options de paiement express de Shopify (telles que Shop Pay, Apple Pay ou Google Pay) pour une expérience de paiement plus rapide utilisant les moyens de paiement enregistrés de l’acheteur. Les boutons de paiement express ou accéléré aident les clients récurrents à finaliser leurs achats plus rapidement en évitant la saisie manuelle des informations de paiement et de livraison. Ces boutons apparaissent sous le bouton Checkout principal dans le panier et sont pilotés par Shopify. Upcart prend en charge ces boutons visuellement et structurellement, mais Shopify contrôle leur comportement et leur visibilité. 📘 En savoir plus dans :
La documentation Shopify sur les paiements accélérés
Les notes de version Shopify sur les règles de style

​
Faire apparaître les paiements express

Pour afficher les boutons de paiement accéléré dans Upcart, votre thème Shopify doit déjà les inclure sur la boutique en ligne. Vous pouvez le faire en :
  1. Ajoutant un extrait à votre code de thème
    • Allez dans Online Store > Themes > Edit Code
    • Ouvrez le fichier layout/theme.liquid
    • Trouvez la balise d’ouverture <body> (et non </body>)
    • Sous cette balise, collez le code suivant :
  2. Enregistrez le fichier
Voici un exemple de ce à quoi cela devrait ressembler : Une fois cela fait, Upcart pourra détecter et afficher vos options de paiement express. 💡 Si vous préférez ne pas modifier le code, contactez votre développeur ou un Shopify Expert.

​
Design des boutons de paiement accéléré

Une fois vos boutons configurés, vous pouvez personnaliser leur apparence dans Upcart.

​
Hauteur des boutons

  • Contrôlez la hauteur indépendamment pour les affichages ordinateur et mobile (plage de 25 à 55 px)

​
Alignement du bouton de paiement

  • Choisissez comment les boutons express sont alignés :
    • Left
    • Right
    • Center
    • Space Between

​
Espacement des lignes

  • Définissez l’espacement vertical (en pixels) entre les boutons empilés

​
Options d’affichage avancées

Lorsqu’elle est activée, cette option masque le message de consentement de l’acheteur habituellement affiché lorsqu’un produit avec abonnement se trouve dans le panier. Elle peut aider à réduire l’encombrement visuel si vous fournissez déjà les informations connexes ailleurs.

​
Afficher le panier dans le Shadow DOM

Activez cette option pour empêcher le CSS de votre thème Shopify d’interférer avec le style d’Upcart.
Cela garantit un design cohérent sur tous les navigateurs et appareils. L’activer applique également le même paramètre depuis Settings > Advanced Settings.

​
Remarques sur la compatibilité des thèmes

  • Shopify applique désormais des règles de style strictes pour les boutons de paiement accéléré.
  • La nouvelle version d’Upcart prend entièrement en charge ces règles et suivra le comportement de style de Shopify.
⚠️ Si vous utilisez les paramètres de paiement express hérités, il est fortement recommandé de :
  • Cliquer sur « Revert to Old Version » uniquement si nécessaire pour les thèmes obsolètes (v1.0.0)
  • Décocher toutes les options de style enregistrées du module précédent pour éviter les interférences avec la nouvelle version

​