paypal智能支付按钮显示问题

Posted

技术标签:

【中文标题】paypal智能支付按钮显示问题【英文标题】:paypal smart payment button display issue 【发布时间】:2020-05-09 14:47:50 【问题描述】:

我在我的应用程序中创建了 PayPal 智能支付按钮。默认情况下,它显示两个按钮,第一个按钮用于 PayPal 登录窗口,第二个按钮用于借记卡或信用卡窗口。

单击第二个按钮时,第一个按钮未显示。我可以在 chrome 开发者控制台中看到这两个按钮。 margin-top:59px 属性由脚本添加。

在这里你可以试试 PayPal 的interactive code demo。

我该如何摆脱它?是否有设置在单击按钮时同时显示两者?

【问题讨论】:

这给我带来了很多固定设计风格的问题 【参考方案1】:

你为什么要摆脱它?第二个按钮用于输入借记卡或信用卡并以客人身份付款。通常这是一个非常受欢迎的功能,而不是人们想要摆脱的东西。

单击时,顶部按钮被移开以充分利用屏幕空间,因为借记卡或信用卡按钮打开一个窗口。它扩展了容器内部的 iframe(对于我们这些长期从事支付行业的人来说,这实际上是相当惊人的。)

如果您真的想摆脱卡片处理,您可以。 Smart Payment Buttons 文档提供了禁用资金来源的选项。在调用 SDK js 时,基本上在您的 ClientID 后添加&disable-funding=card

<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&disable-funding=card"></script>

【讨论】:

以上是关于paypal智能支付按钮显示问题的主要内容,如果未能解决你的问题,请参考以下文章

PayPal 支付成功后显示 HTML 按钮

为啥 PayPal 支付页面显示不同?

Paypal 定期智能支付按钮

PayPal 智能支付按钮 - 请求数量

PayPal 智能支付按钮:如何更改语言

PayPal Checkout 与智能支付按钮的集成