ストライプ支払いの統合 - .js [checkout.js]をループの外に移動する方法は何ですか？

Question

私はドキュメントに従ってストライプ支払いフォームを作成しています。 - ストライプコードのウェブサイトは非常に遅い作品追加した後

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 

しかし、問題があります：私は次のようになり、それにwordpressのループでそれを使用する必要があります。 checkout.jsを複数回読み込んでいると思います。 .jsをループの上に移動するソリューションはありますか？

Answer 1

まず、ストライプのCheckout formは、それ自体で支払いを処理しないことに注意してください - それは、顧客のカード情報を収集し、トークンに変換しますのみ。トークンは、バックエンドサーバーに送信する必要があります。 create a charge。

あなたはcustom integrationを使用してロードアウトの周りに複数回取得することができます。この方法では、チェックアウトのスクリプトは一度だけロードされます、そしてあなたは、あなたがしたいパラメータを使用してフォームを開くためにStripeCheckoutオブジェクト上configure()とopen()メソッドを呼び出します。

あなたはWordPressを使っているので、既存のストライプのプラグインを使用する方が簡単かもしれません。これらのプラグインのいくつかはここにあります：https://wordpress.org/plugins/search.php?q=stripe