Как изменить кнопки PayPal для WooCommerce с помощью PayPal Express Checkout?

Question

В настоящее время я пытаюсь изменить способ отображения интеллектуальных кнопок 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>

Где я могу добавить этот код? Как я могу изменить страницу плагина / оформления заказа?

Большое спасибо за вашу помощь!

Answer 1

Плагин, с которым вы связались, вероятно, не использует кнопки Smart Payment

Существует этот плагин, у которого есть опция для них: https://woocommerce.com/woocommerce-and-paypal/

Так попробуйте этот плагин, а затем, когда умные кнопки заработают, вы сможете увидеть, как их настроить