如何使用 PayPal Express Checkout 修改 WooCommerce 的 PayPal 按钮？答案

【问题标题】：How to modify PayPal buttons for WooCommerce using PayPal Express Checkout?如何使用 PayPal Express Checkout 修改 WooCommerce 的 PayPal 按钮？
【发布时间】：2020-04-28 21:08:14
【问题描述】：

我目前正在尝试编辑 PayPal 智能按钮在结帐页面上的显示方式。我使用 WooCommerce，免费的 PayPal Express Checkout 插件。

目前看起来是这样的：

https://paste.pics/8T4MP

我希望它看起来像这样（包括通过借记卡/信用卡支付的额外选项）。

https://paste.pics/8T4N1

从 PayPal 网站获取的用于显示新版本的源代码如下：

<div id="paypal-button-container"></div>
<script src="https://www.paypal.com/sdk/js?client-id=sb&currency=GBP" data-sdk-integration-source="button-factory"></script>
<script>
  paypal.Buttons({
      style: {
          shape: 'rect',
          color: 'blue',
          layout: 'vertical',
          label: 'pay',

      },
      createOrder: function(data, actions) {
          return actions.order.create({
              purchase_units: [{
                  amount: {
                      value: '1'
                  }
              }]
          });
      },
      onApprove: function(data, actions) {
          return actions.order.capture().then(function(details) {
              alert('Transaction completed by ' + details.payer.name.given_name + '!');
          });
      }
  }).render('#paypal-button-container');
</script>

我可以在哪里添加此代码？如何修改插件/结帐页面？

非常感谢您的帮助！

【问题讨论】：

标签： wordpress woocommerce paypal

【解决方案1】：

您链接的插件可能不使用智能支付按钮

这个插件确实有一个选项：https://woocommerce.com/woocommerce-and-paypal/

因此，请尝试使用该插件，然后在智能按钮正常工作后，您可以了解如何自定义它们

【讨论】：

我基本上是在说/使用你建议的插件。
哦，我明白了。 PayPal Express Checkout 必须是它的旧名称
看起来这是渲染按钮的地方：github.com/woocommerce/…
谢谢，可惜我不知道怎么带修改。
您可以先注释掉资金部分