条带支付集成 - 在循环外移动.js [checkout.js]的方法是什么?

时间:2016-07-25 11:29:17

标签: javascript php wordpress stripe-payments

我根据他们的文档创建了条形支付表单。我需要在wordpress循环中使用它,它看起来像:

Start loop:
Item name
Item img
Item desc 
etc.

    <form action="/charge" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_23123123"
    data-amount="2000"
    data-name="name"
    data-description="2 widgets"
    data-locale="auto"
    data-zip-code="true"
    data-currency="eur">
  </script>
</form>
Stop loop

但是有一个问题 - 添加条带代码网站后工作非常慢。我认为这是关于多次加载checkout.js的。是否有解决方案将.js移到循环之上?

1 个答案:

答案 0 :(得分:0)

首先,请注意Stripe的Checkout form不会自行处理付款 - 它只会收集客户的信用卡信息并将其转换为代币。然后必须将令牌发送到您的后端服务器,在那里它可用于例如create a charge

您可以使用custom integration多次加载Checkout。这样,Checkout的脚本只会加载一次,然后您可以调用configure()对象上的open()StripeCheckout方法打开包含所需参数的表单。

由于您使用的是WordPress,因此使用现有的Stripe插件可能会更简单。你可以在这里找到一些插件:https://wordpress.org/plugins/search.php?q=stripe