如何使用 Braintree JS SDK v3 实现自定义 PayPal 按钮答案

【问题标题】：How to implement a custom PayPal button with Braintree JS SDK v3如何使用 Braintree JS SDK v3 实现自定义 PayPal 按钮
【发布时间】：2018-03-09 07:10:56
【问题描述】：

根据这篇 SO 帖子：Braintree custom paypal button 可以使用自定义按钮来启动 PayPal 付款流程。但是：我能找到的唯一文档是关于 JS SDK v2 的，它们已经升级到 v3。

https://github.com/braintree/braintree-web/blob/master/CHANGELOG.md#300-beta1 的更新日志明确指出 Developers have the option to customize the PayPal button that is displayed on their page. We provide only a bindable programmatic handler.

如何使用现有的按钮通过 SDK v3 开始付款？

【问题讨论】：

标签： braintree

【解决方案1】：

_{全面披露：我在 Braintree 工作。如果您还有任何问题，请随时联系support。}

从version 3.16.0 of Braintree's Javascript SDK 开始，原始的 PayPal 组件已被弃用，取而代之的是 PayPal 开发的新的“PayPal Checkout”组件。这个新组件完全由 PayPal 开发，与 Braintree 在旧组件中使用的集成相比，它提供了几个优势。那个旧组件能够使用完全自定义的 PayPal 按钮，但新的“PayPal Checkout”组件没有。但是，它确实为按钮的外观提供了相当大的灵活性。

在PayPal's documentation for the "PayPal Checkout" component 你可以找到instructions on how to customize the PayPal button。 PayPal 的文档将向您展示如何更改形状、颜色和使用的标签等操作。

您可以使用Braintree checkout playground 尝试不同的样式。这将使用 PayPal 的“PayPal Checkout”组件运行 Braintree 结账的实例。当您更改右侧的代码时，页面左侧的示例会自动更新。

【讨论】：