无代码结账付款链接和按钮故障排除提示
我收到一个错误,按钮未显示在我的网站上。
检查以下内容:
- 检查您的互联网连接是否正常。
- 访问您网站的其他页面并检查它们是否正确加载。
- 前往“PayPal按钮”页面并检查:
- 按钮是否显示在“已保存的按钮”下?
- 选择“编辑按钮”,并确保按钮代码与您网站上的按钮代码相同。
右键单击您的产品页面(粘贴按钮代码的位置),然后点击“检查”。前往“控制台”选项卡(您将在顶部看到此选项卡)。您可能会看到CSP错误。
如果您部署了内容安全策略,则可能会看到如下CSP错误(示例CSP错误):
拒绝加载脚本“https://www.paypal.com/sdk/js**”,因为它违反了以下内容安全策略指令:“default-src 'self'”。请注意,“script-src-elem”没有明确设置,因此“default-src”作为备用。
拒绝连接到“https://www.paypal.com/**”,因为它违反了以下内容安全策略指令:“default-src 'self'”。请注意,“connect-src”没有明确设置,因此“default-src”作为备用。
拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“script-src https://*.paypal.com”。要启用内联执行,必须使用“unsafe-inline”关键字、哈希(“sha256-WYDWDPwB8j2VePYrqy38aHPcJLsasO//lnXymmxscUk=”)或nonce(“nonce-...”)。
拒绝加载图像“https://tracking.qa.paypal.com/webapps/tracking/ts?**”,因为它违反了以下内容安全策略指令:“default-src 'self'”。请注意,“img-src”没有明确设置,因此“default-src”作为备用。
拒绝框定“https://www.paypal.com/”,因为它违反了以下内容安全策略指令:“default-src 'self'”。请注意,“frame-src”没有明确设置,因此“default-src”作为备用。
您可以尝试添加以下内容来解决上述任何错误:
选项-1(HTML):如果CSP是在HTML文件中配置的,请使用以下代码替换CSP代码
<meta http-equiv="Content-Security-Policy" content="default-src 'self';
script-src 'unsafe-inline' https://*.paypal.com https://*.paypalobjects.com;
style-src 'unsafe-inline' https://*.paypal.com; connect-src
https://*.paypal.com; frame-src https://*.paypal.com; img-src
https://*.paypal.com https://*.paypalobjects.com">
选项-2(服务器端):如果CSP是在服务器端配置的,请使用以下代码替换CSP代码
Content-Security-Policy: script-src 'unsafe-inline' https://*.paypal.com https://*.paypalobjects.com
Content-Security-Policy: style-src 'unsafe-inline' https://*.paypal.com
Content-Security-Policy: connect-src https://*.paypal.com
Content-Security-Policy: frame-src https://*.paypal.com
Content-Security-Policy: img-src https://*.paypal.com https://*.paypalobjects.com
如何更改产品名称/价格/数量的布局/尺寸/ 颜色?
目前无法更改此集成的布局/大小/颜色。
我编辑了产品信息(名称、金额或其他任何内容);我需要
再次复制/粘贴按钮代码吗?
不,我们从PayPal服务器获取所有信息。将更改保存到您的账户后,您无需更新网站的复制/粘贴按钮代码。
我在代码中看到了客户端ID;这是什么意思?
客户端ID是您账户中的商家客户端ID。您不应该编辑它。按照按钮代码中所提供的方式使用它。
我添加了多个按钮,但都没有显示在我的网页上。
在以下情况下,同一网页上的多个按钮将不起作用:
- 如果您在同一网页上多次复制/粘贴相同的按钮ID,则只会显示第一个按钮。同一个按钮ID不能多次重复操作。
- 如果您在同一网页上复制/粘贴了不同的按钮ID,但使用了其他币种,则只会显示第一个按钮。不能在同一网页的按钮上添加外币。
- 如果您复制/粘贴了不同的按钮ID,并遇到速度变慢的问题,请确保仅添加一次带有客户端ID的脚本标记。脚本行将如下所示:
- <script src="https://www.paypal.com/sdk/js?client-id=XYZ&components=hosted-buttons&enable-funding=venmo¤cy=XYZ"></script>
我拥有PayPal高级账户,但没有看到付款链接和按钮
功能。
如何在PayPal沙箱环境中测试此体验?
无代码结账可在沙箱环境中进行测试。
如何在我的网站上添加付款链接?
您可以把付款链接放在网站按钮后面。替换为您自己的付款链接。
示例代码如下:
<body> <h1>在此支付您的商品/服务费用</h1> <button class="btn" onclick="location.href='https://www.paypal.com/ncp/payment/HWDFRBTBV25XX'" type="button"> 结账</button> </body>
信用卡/借记卡内联扩展未完全显示在我的
网站上。
确保父容器的宽度和高度设置为适应内联扩展。有关更多详细信息,请参阅您的托管平台文件/支持。