Comment implémenter un bouton PayPal personnalisé avec Braintree JS SDK v3

Question

Selon cet article: Braintree custom paypal button, il est possible d'utiliser un bouton personnalisé pour lancer le processus de paiement PayPal. Cependant: la seule documentation que je puisse trouver concerne JS SDK v2 et ils ont progressé en v3.

Le changelog à https://github.com/braintree/braintree-web/blob/master/CHANGELOG.md#300-beta1 indique spécifiquement Developers have the option to customize the PayPal button that is displayed on their page. We provide only a bindable programmatic handler.

Comment puis-je utiliser un bouton existant pour démarrer le paiement avec v3 du SDK?

Answer 1

_{Description complète: Je travaille chez Braintree. Si vous avez d'autres questions, n'hésitez pas à contacter support.}

Depuis version 3.16.0 of Braintree's Javascript SDK, le composant PayPal d'origine a été abandonné au profit du nouveau composant "PayPal Checkout" développé par PayPal. Ce nouveau composant a été entièrement développé par PayPal, et il offre plusieurs avantages par rapport à l'intégration que Braintree utilisait dans l'ancien composant. Cet ancien composant avait la possibilité d'utiliser des boutons PayPal entièrement personnalisés, mais pas le nouveau composant "PayPal Checkout". Cependant, il offre une flexibilité considérable dans l'apparence du bouton.

Dans PayPal's documentation for the "PayPal Checkout" component vous pouvez trouver instructions on how to customize the PayPal button. La documentation de PayPal vous montrera comment modifier la forme, les couleurs et l'étiquette utilisée.

Vous pouvez essayer les différents styles en utilisant le Braintree checkout playground. Cela exécute une instance de la commande Braintree en utilisant le composant PayPal "PayPal Checkout". L'exemple sur le côté gauche de la page se met à jour automatiquement lorsque vous modifiez le code sur le côté droit.