> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Module de paiements express

> Affichez les boutons de paiement accéléré sous le bouton de paiement principal dans le tiroir Upcart.

<div id="overview">
  # Aperçu
</div>

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

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/express-payments-shop-pay-paypal-google.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=dece6cba6c512237980466fd1b02dd87" alt="Boutons express Shop Pay, PayPal et Google Pay sous le bouton de paiement Upcart" width="600" data-path="images/upcart/express-payments-shop-pay-paypal-google.png" />

<div id="getting-express-payments-to-show">
  # **Faire apparaître les paiements express**
</div>

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 :

     ```
     {% if additional_checkout_buttons %} <div style="display: none !important"> {{ content_for_additional_checkout_buttons }} </div> {% endif %}
     ```
2. Enregistrez le fichier

Voici un exemple de ce à quoi cela devrait ressembler :

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/express-payments-additional-checkout-buttons-liquid.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=25dd197de897db2a448ed1d15c4a8b1e" alt="L'extrait Liquid des boutons de paiement supplémentaires ajouté sous la balise body dans theme.liquid" width="1076" height="388" data-path="images/upcart/express-payments-additional-checkout-buttons-liquid.png" />

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](https://experts.shopify.com).

<div id="accelerated-checkout-buttons-design">
  # Design des boutons de paiement accéléré
</div>

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

<div id="button-height">
  ## **Hauteur des boutons**
</div>

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

<div id="checkout-button-alignment">
  ## **Alignement du bouton de paiement**
</div>

* Choisissez comment les boutons express sont alignés :

  * **Left**
  * **Right**
  * **Center**
  * **Space Between**

<div id="row-gap">
  ## **Espacement des lignes**
</div>

* Définissez l'espacement vertical (en pixels) entre les boutons empilés

<div id="advanced-display-options">
  # **Options d'affichage avancées**
</div>

<div id="hide-buyer-consent">
  ## **Masquer le consentement de l'acheteur**
</div>

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.

<div id="render-cart-in-shadow-dom">
  ## **Afficher le panier dans le Shadow DOM**
</div>

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**.

<div id="theme-compatibility-notes">
  ## **Remarques sur la compatibilité des thèmes**
</div>

* 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

##
