Affichage des boutons de paiement dynamique de votre boutique en ligne

Cette page a été imprimée le Jun 04, 2023. Pour la dernière version, allez à https://help.shopify.com/fr/manual/online-store/dynamic-checkout/dynamic-checkout.

Les boutons de paiement dynamique sont une alternative au bouton Ajouter au panier pour les produits individuels. Avec les boutons de paiement dynamique, les clients peuvent sauter le panier et aller directement à la caisse. Les clients peuvent choisir de passer à la caisse avec Shopify, ou avec un autre moyen de paiement accélérée familier. Cela permet d'accélérer le processus de paiement et permet aux clients d'utiliser une méthode qu'ils connaissent.

Un bouton de paiement dynamique de marque avec un logo Apple Pay

Sur cette page

Aperçu

Le bouton de paiement dynamique apparaît à côté ou en dessous du bouton Ajouter au panier, en fonction de votre thème et de l'appareil du client. Il existe deux types différents de boutons de paiement dynamique :

  • Les boutons sans marque comportent le texte Buy it now (Acheter maintenant). Si un client clique sur un bouton sans marque Buy it now (Acheter maintenant), il passe le panier et passe à la caisse.

Un bouton de paiement dynamique sans marque comportant le texte Acheter maintenant

  • Les boutons de marque affichent le logo des modes tiers de paiement accéléré. Si un client clique sur un bouton de marque pour sélectionner un mode tiers de paiement accéléré, tel qu'Apple Pay, il passe à la caisse par le biais de ce mode et ses informations sont préremplies. Pour en savoir plus, consultez la section sur les paiements accélérés. Les modes tiers de paiement accéléré suivants sont disponibles :

Chaque moyen de paiement a des exigences spécifiques avant d'apparaître comme un bouton de marque.

Le type de bouton affiché dépend des facteurs suivants :

Si vous utilisez des cartes-cadeaux ou des codes de réduction dans votre boutique, les clients peuvent quand même saisir les codes sur la page de paiement.

Compatibilité

Dans certains cas, les boutons de paiement dynamiques peuvent ne pas convenir à votre boutique en ligne. Avant d'afficher les boutons de paiement dynamiques sur votre boutique en ligne, tenez compte de leur compatibilité avec les fonctionnalités suivantes :

Applications

Les boutons de paiement dynamique peuvent entrer en conflit avec certaines applications.

Si vous utilisez l'un des types d'applications suivants, les boutons de paiement dynamique peuvent ne pas être compatibles avec votre boutique en ligne :

  • Convertisseurs de devises
  • Applications qui interagissent avec le panier
  • Applications qui amènent les clients à un passage à la caisse externe

Attributs du panier

Les boutons de paiement dynamique ne prennent pas en charge les attributs de panier. Les attributs de panier sont des champs de formulaire personnalisés que vous pouvez utiliser pour recueillir des informations supplémentaires auprès de vos clients à la page du panier.

Les exemples d'attributs de panier incluent les ajouts suivants à la page du panier :

  • Cases à cocher pour les conditions générales
  • Options d'emballage cadeau
  • Sélecteurs de dates de livraison

Si vous comptez sur les attributs du panier, les boutons de paiement dynamiques ne sont pas adaptés à votre boutique en ligne.

Produits, paramètres de paiement et texte du bouton

Avant d'afficher les boutons de paiement dynamiques sur votre boutique en ligne, tenez compte des informations suivantes :

  • Les boutons de paiement dynamiques ne peuvent être utilisés que pour acheter une seule variante d'un produit. Toutefois, si vous affichez un sélecteur de quantité à la page du produit, les clients peuvent en acheter plus d'un. Par exemple, un client peut utiliser un bouton de paiement dynamique pour acheter trois tasses de mesure aqua, mais pas pour en acheter une en aqua et une en violet. À moins que votre boutique en ligne ne reçoive de nombreuses commandes pour un type de produit, les boutons de paiement dynamiques ne seront peut-être pas avantageux pour vos ventes.

  • Si aucun moyen de paiement accéléré par un tiers n'est activé dans vos paramètres de paiement, la version sans marque du bouton de paiement dynamique est la seule version qui s'affiche.

  • La version sans marque du bouton de paiement dynamique affiche le texte Acheter maintenant. Si votre bouton Ajouter au panier affiche Acheter maintenant ou un autre texte personnalisé, cela risque de dérouter les clients.

Mettez à jour votre thème pour utiliser les boutons de paiement dynamique

Les boutons de paiement dynamique sont disponibles dans toutes les versions actuelles des thèmes dans la boutique des thèmes de Shopify. Si vous utilisez une ancienne version d'un thème, vous pouvez mettre à jour votre thème pour utiliser les boutons de paiement dynamique. Si vous ne souhaitez pas mettre à jour votre thème, vous pouvez modifier le code de votre thème.

Afficher les boutons de paiement dynamique sur les pages de produit

Étapes

  1. Depuis l’interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Themes (Thèmes).
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Ouvrez le menu déroulant situé en haut de la page.
  1. Depuis l'application Shopify, appuyez sur Store (Boutique).
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Manage themes (Gérer les thèmes).
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez Templates (Modèles).
  1. Depuis l'application Shopify, appuyez sur Store (Boutique).
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Manage themes (Gérer les thèmes).
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez Templates (Modèles).

  1. Sélectionnez Product pages (Pages de produits).

  2. Cliquez sur la section pages de produits ou produit.

  3. Cochez Afficher le bouton de paiement dynamique.

  4. Cliquez sur Save (Enregistrer).

Afficher les boutons de paiement dynamique dans une section de produit vedette

La plupart des thèmes incluent un paramètre pour afficher les boutons de paiement dynamique dans une section de produit vedette.

Étapes

  1. Depuis l’interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Themes (Thèmes).
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  1. Depuis l'application Shopify, appuyez sur Store (Boutique).
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur Edit (Modifier).
  1. Depuis l'application Shopify, appuyez sur Store (Boutique).
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur Edit (Modifier).

  1. Cliquez sur une section de produit vedette existante ou cliquez sur Ajouter une section pour ajouter une nouvelle section de produit vedette.

  2. Saisissez les détails de votre produit et cochez Afficher le bouton de paiement dynamique.

  3. Cliquez sur Save (Enregistrer).

Masquer les boutons de paiement dynamique sur les pages de produits

Étapes

  1. Depuis l’interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Themes (Thèmes).
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Ouvrez le menu déroulant situé en haut de la page.
  1. Depuis l'application Shopify, appuyez sur Store (Boutique).
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Manage themes (Gérer les thèmes).
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez Templates (Modèles).
  1. Depuis l'application Shopify, appuyez sur Store (Boutique).
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Manage themes (Gérer les thèmes).
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez Templates (Modèles).

  1. Sélectionnez Product pages (Pages de produits).

  2. Cliquez sur la section pages de produits ou produit.

  3. Décochez Afficher le bouton de paiement dynamique.

  4. Cliquez sur Save (Enregistrer).

Masquer les boutons de paiement dynamique dans une section de produit vedette

Étapes

  1. Depuis l’interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Themes (Thèmes).
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  1. Depuis l'application Shopify, appuyez sur Store (Boutique).
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur Edit (Modifier).
  1. Depuis l'application Shopify, appuyez sur Store (Boutique).
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur Edit (Modifier).

  1. Cliquez sur la section du produit vedette.

  2. Décochez Afficher le bouton de paiement dynamique.

  3. Cliquez sur Save (Enregistrer).

Tester les boutons de paiement dynamique sur son thème

Étant donné que les types de boutons de paiement dynamique, qui s'affichent sur votre thème dépendent de plusieurs facteurs, vous pouvez exécuter un test afin de pouvoir voir toutes les combinaisons. Avant de tester les boutons de paiement dynamique sur votre thème, vérifiez que les boutons sont visibles.

Étapes

  1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  1. Dans l'application Shopify, appuyez sur Boutique.
  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.
  3. Appuyez sur Gérer les thèmes.
  1. Dans l'application Shopify, appuyez sur Boutique.
  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.
  3. Appuyez sur Gérer les thèmes.
  1. Cliquez sur Afficher votre boutique.
  2. Pour tester le bouton sur une page de produit, accédez à une page de produit. Pour tester le bouton sur une section de produit vedette, restez à la page d'accueil.

  3. Dans la barre d'adresse de votre navigateur, ajoutez l'une des chaînes suivantes à la fin de l'URL actuelle :

    • Pour afficher un bouton de marque pour Shop Pay, ajoutez ?shopify-debug=true&show=Shop.
    • Pour afficher un bouton de marque pour Amazon, ajoutez ?shopify-debug=true&show=Amazon.
    • Pour afficher un bouton de marque pour Apple Pay, ajoutez ?shopify-debug=true&show=ApplePay (Apple Pay ne fonctionne que sur Safari).
    • Pour afficher un bouton de marque pour Google Pay, add ?shopify-debug=true&show=Google.
    • Pour afficher un bouton de marque pour PayPal, ajoutez ?shopify-debug=true&show=PayPal.
    • Pour afficher un bouton de marque pour Venmo, ajoutez ?shopify-debug=true&show=Venmo.
    • Pour afficher un bouton sans marque, ajoutez ?shopify-debug=true&show=checkout.

  4. Appuyez sur Enter pour recharger la page. En fonction de la chaîne que vous avez ajoutée à l'URL, vous voyez un bouton de paiement dynamique marqué ou non marqué.

  5. Répétez avec les autres chaînes pour voir les différents types de boutons de paiement dynamique.

Afficher les boutons de paiement dynamique pour certains produits, mais pas pour d'autres

Si vous souhaitez afficher des boutons de paiement dynamique pour certains produits mais pas pour d'autres, vous pouvez créer un modèle alternatif. Un modèle alternatif est un modèle de code de thème dupliqué, que vous pouvez modifier sans affecter l'original. En utilisant un modèle alternatif de produit, vous pouvez afficher les boutons de paiement dynamique pour les produits qui utilisent un modèle et les masquer pour les produits qui utilisent l'autre.

Pour créer un modèle alternatif de produit, voir Créer un modèle alternatif.

Après avoir créé un modèle alternatif de produit et l'avoir attribué à un produit, vous pouvez afficher ou masquer les boutons de paiement dynamique de ce produit.

Étapes

  1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  1. Dans l'application Shopify, appuyez sur Boutique.
  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.
  3. Appuyez sur Gérer les thèmes.
  1. Dans l'application Shopify, appuyez sur Boutique.
  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.
  3. Appuyez sur Gérer les thèmes.

  1. Recherchez le thème pour lequel vous avez créé un autre modèle et cliquez sur Personnaliser.

  2. Dans l'éditeur de thème, accédez à la page de produit pour un produit auquel vous avez affecté le modèle alternatif.

  3. Cliquez sur la section pages de produits ou produit.

  4. Pour afficher un bouton de paiement dynamique pour les produits utilisant le modèle alternatif, cochez la case Afficher le bouton de paiement dynamique. Pour masquer un bouton de paiement dynamique pour les produits qui utilisent le modèle alternatif, décochez la case Afficher le passage à la caisse dynamique.

  5. Cliquez sur Save (Enregistrer). Les modifications sont apportées à tout produit utilisant le modèle alternatif.

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement