Braintree 自定义贝宝按钮

Posted

技术标签:

【中文标题】Braintree 自定义贝宝按钮【英文标题】:Braintree custom paypal button 【发布时间】:2016-01-23 14:01:24 【问题描述】:

我想为付款方式创建一个下拉列表。

例如:

<ul>
  <li id="paypal">paypal</li>
  <li id="credit_card">credit card</li>
</ul>

在选择信用卡时,它会加载信用卡付款所需的所有字段。但现在我无法设置贝宝按钮。我真的不想要一个蓝色按钮。我可以让用户点击 id="paypal" 并启动 paypal 吗?

  braintree.setup(token,"custom",
    paypal:
      container:"paypal",
      amount: 10.00,
      currency: 'USD'
    
  )

我可以让它完全自定义外观吗?我希望 paypal 按钮看起来像我的 CSS 列表中的一个项目。

【问题讨论】:

【参考方案1】:

Braintree 员工在这里。从2.15.0 开始,我们引入了一个“无头”选项,允许自定义 PayPal 按钮。

这项工作在这些 JS 网址上直播:https://js.braintreegateway.com/js/braintree-2.15.2.jshttps://js.braintreegateway.com/js/braintree-2.15.2.min.js

我们创建了一个small gist 来提供示例代码。此版本尚未热链接,但我们的文档会在热链接时更新。

【讨论】:

谢谢,继续努力。这让事情变得更好。 8)

以上是关于Braintree 自定义贝宝按钮的主要内容,如果未能解决你的问题,请参考以下文章

Paypal 订阅按钮 - 添加自定义值

Braintree:如何使用自定义 UI 选择付款方式并获取付款方式 nonce?

拥有带有 CB 和 PayPal 的 Braintree 自定义表单

为啥在生产(实时)帐户 api 凭据中使用插入式表单看不到 Braintree 贝宝按钮

贝宝 - 经常性捐款 URL

Paypal 支付按钮和自定义选项