Paypal 智能按钮自定义金额

Question

我对一些关于 Paypal 智能按钮的代码有点问题我不是代码专家我有点涉猎但需要一些帮助。

我设置了按钮，一切正常，但我想这样做，以便客户可以输入他们希望支付的金额，但到目前为止我尝试的一切都失败了。

例如，如果客户 A 欠 25 英镑，他们可以访问支付部分输入 25 英镑，然后单击漂亮的新花式 paypal 按钮。

现在已经找了大约 3 天，但遇到了死胡同，我不是编码员，我知道一点，但不足以解决问题。

    <script src="https://www.paypal.com/sdk/js?client-id=xxxxxxx&currency=GBP&commit=true">

  </script>

<div id="paypal-button-container"></div>
<script>
  paypal.Buttons({
    createOrder: function(data, actions) {
      // Set up the transaction
 return actions.order.create({
        purchase_units: [{
          amount: {
            value: '10'
          }
        }]
      });
    }
  }).render('#paypal-button-container')
</script>

Answer 1

您必须将金额动态传递给 PayPal 创建订单功能。添加了一个输入字段并将金额传递给函数 - 除此之外，您还可以通过向输入字段添加检查来检查负数和非 0 金额。试试下面的基本代码，我希望这能解决问题

<script src="https://www.paypal.com/sdk/js?client-id=xxxxxxx&currency=GBP&commit=true">

  </script>

 <label>Enter amount : </label><input name="amount" type="text"  id="amount" />

    <!-- Set up a container element for the button -->
    <div id="paypal-button-container"></div>
<script>
  paypal.Buttons({
    createOrder: function(data, actions) {
        var amt = document.getElementById("amount").value;
      // Set up the transaction
 return actions.order.create({
        purchase_units: [{
          amount: {
            value: amt
          }
        }]
      });
    }
  }).render('#paypal-button-container')
</script>