Bonnes pratiques d'intégration de Payment Element

Utilisez la liste de contrôle figurant sur cette page pour vous assurer que l’intégration de votre composant Payment Element est optimale. Les fonctionnalités suivantes vous permettent d’accéder à des options d’intégration supplémentaires. Par exemple, si vous utilisez des moyens de paiement dynamiques, vous pouvez utiliser des règles de moyens de paiement afin de présenter des moyens de paiement selon des critères personnalisés.

Liste de contrôle pour l’intégration

• Choisir une mise en page

  Choisissez la mise en page du composant Payment Element en fonction de l’apparence de votre site, puis effectuez un test A/B pour confirmer le meilleur choix. Si vous avez plus de 4 moyens de paiement, nous vous recommandons la mise en page en accordéon.

• Ajouter des styles

  Adaptez le style du composant Payment Element à l’apparence de votre site Web à l’aide de l’API Appearance. Vous pouvez appliquer ce style à tout élément que vous ajoutez à votre intégration.

• Choisir comment encaisser un paiement

  Use the Checkout Sessions API for most checkout workflows. It provides built-in features that remove custom code.

  If you use the Payment Intents API, decide whether to collect payment before you create the PaymentIntent. To accept a payment, create a PaymentIntent with an amount and currency, then confirm it to create a charge. You can collect payment before or after you create the PaymentIntent. Collect payment first.

  Compare the Checkout Sessions and Payment Intents API.

• Envoyer des métadonnées

  Send metadata to show up in your reports. This indexes your metadata to make sure that it’s searchable in the Stripe Dashboard. You can use this metadata to find and reference transactions.

• Utiliser la dernière version de l'API

  Check to make sure your integration uses the latest API version.

• Sélectionner les moyens de paiement que vous souhaitez afficher

  Utilisez les moyens de paiement dynamiques dans le cadre de l’intégration par défaut de Stripe pour afficher de manière dynamique les moyens de paiement admissibles pour chaque client. Stripe ordonne les moyens de paiement par probabilité de conversion en fonction de facteurs tels que le montant, la devise et la localisation. Les moyens de paiement dynamiques vous permettent de :

  • De choisir les moyens de paiement que vos clients pourront utiliser à partir du Dashboard.
  • D’utiliser des fonctionnalités supplémentaires, telles que les règles relatives aux modes de paiement, pour afficher les moyens de paiement en fonction de critères personnalisés.
• Tester les moyens de paiement

  When your integration is complete, test and view how payment methods appear to customers. From the Review displayed payment methods form, enter a transaction ID to learn which payment methods were and weren’t available for that specific transaction. You can also simulate which payment methods display in a given scenario by changing factors such as the amount, currency, capture method, and future usage.

• Éviter les iframes

  Le composant Payment Element contient un iframe qui envoie les informations de paiement à Stripe via une connexion HTTPS. Évitez de placer le composant Payment Element dans un autre iframe, car certains moyens de paiement nécessitent une redirection vers une autre page pour la confirmation du paiement. Pour en savoir plus sur les questions entourant les iframes, consultez la page Collecter les informations de paiement.

Liste de contrôle des fonctionnalités supplémentaires

• Activer Link

  Après avoir intégré votre interface utilisateur et vos moyens de paiement dynamiques, activez Link dans les paramètres des moyens de paiement. Link enregistre et remplit en toute sécurité les informations de paiement et de livraison du client. Il prend en charge divers moyens de paiement, dont les cartes de crédit, les cartes de débit et les comptes bancaires américains. Pour les clients connectés qui utilisent déjà Link, cette fonction remplit automatiquement leurs informations, même s’ils les ont enregistrées sur la page de paiement d’une autre entreprise.

• Ajouter le composant Link Authentication Element

  Pour collecter et remplir automatiquement les adresses de livraison et vendre des marchandises, nous vous recommandons d’utiliser le composant Link Authentication Element afin de créer un champ unique de saisie de l’adresse électronique pour la collecte des adresses électroniques et l’authentification à Link.

• Ajouter le composant Address Element

  Le composant Address Element facilite la collecte des informations de livraison et de facturation lors du paiement. Il s’intègre à d’autres éléments et remplit automatiquement les adresses avec Link. Il prend en charge la suggestion automatique pour la saisie des nouvelles adresses, grâce à la fonction de remplissage automatique proposée gratuitement par Google.

  • En mode shipping, les clients ont la possibilité d’utiliser leur adresse de livraison comme adresse de facturation.
  • En mode billing, Stripe masque les champs de facturation dans le composant Payment Element, afin que les clients n’aient à saisir leurs coordonnées qu’une seule fois.
• Ajouter le composant Payment Method Messaging Element

  Si vous décidez de proposer des options de paiement différé, nous vous recommandons d’en faire la promotion avant le paiement à l’aide du composant Payment Method Messaging Element, afin de sensibiliser vos clients, d’augmenter la valeur de la commande et d’améliorer la conversion.

  • Vous pouvez afficher ce composant intégré unifié sur les pages d’informations produit, de panier et de paiement.
  • Cet élément est compatible avec Affirm, Afterpay et Klarna.
• Ajouter le composant Express Checkout Element

  Utilisez le composant Express Checkout Element pour présenter aux clients plusieurs boutons de paiement en un clic dans un seul composant d’interface utilisateur, notamment Apple Pay, Google Pay, PayPal et Link.