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

  Déterminez si vous souhaitez collecter un paiement avant de créer l’appel à l’API PaymentIntent. Pour accepter un paiement, vous devez créer un PaymentIntent spécifiant un montant et une devise, et confirmer ce paiement afin de déclencher la création d’un paiement par Stripe. Cependant, vous pouvez alterner l’ordre dans lequel vous collectez le paiement et créez le PaymentIntent. Nous vous recommandons d’encaisser le paiement en premier.

• Envoyer des métadonnées

  Envoyez des métadonnées dans votre PaymentIntent pour qu’elles s’affichent dans vos rapports. Cela permet d’indexer vos métadonnées et donc de pouvoir les rechercher dans le Dashboard Stripe. Vous pouvez utiliser ces métadonnées pour trouver et référencer des transactions.

• Utiliser la dernière version de l'API

  Vérifiez que votre PaymentIntent utilise la dernière version de l’API.

• 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

  Une fois l’intégration réalisée, testez et observez la façon dont les moyens de paiement sont présentés aux clients. Dans le formulaire Vérifier les moyens de paiement affichés, saisissez un ID de PaymentIntent pour découvrir quels moyens de paiement étaient disponibles ou non pour cette transaction. Vous pouvez également simuler les moyens de paiement qui s’affichent dans un scénario donné en modifiant des facteurs tels que le montant, la devise, la méthode de capture et l’éventuelle utilisation ultérieure du moyen de paiement.

• Éviter les iframes

  Le Payment Element contient un iframe qui envoie les informations de paiement à Stripe de manière sécurisée via une connexion HTTPS. Évitez de placer le 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 les 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.