BlueSnapのホストされた支払いフィールドで簡単に開始できます。

Question

こんにちは - 私はコピーできる簡単なスクリプトを探しています& BlueSnapのHPFフィールドでの販売を開始できるように、私のウェブサイトに貼り付けてください。 フォームにはトークンを取得して買い物客に請求するために必要な最も基本的な要素が含まれていなければなりません。

私は基礎を持っている - しかし、私はそれが行われた場合、これは次のようになります方法を確認する必要があります。

<form id="checkoutForm"> 

      <div> 
       <label>Full Name:</label> 
       <input type="text" id="fullName"> 
      </div> 

      <div> 
       <label>Card Number:</label> 
       <input type="text" id="cardNumber" data-bluesnap="ccn"> 
      </div> 

      <div> 
       <label>Security Code:</label> 
       <input type="text" id="securityCode" data-bluesnap="cvv"> 
      </div> 

      <div> 
      <label>Expiration Date (MM/YYYY):</label> 
       <input type="text" id="expirationDate" data-bluesnap="exp"> 
      </div> 

      <button type="submit" id="buynowButton">Buy Now</button> 

    </form> 

誰もがそれで私を助けることができますか？ BlueSnapホストお支払いフィールドあなたがする必要があるすべてを実現するために

Answer 1

は

plnkr simple example link

1. Obtain the Hosted Payment Field token for the session

2. Add the BlueSnap JavaScript file to your checkout form

   <script type="text/javascript" src="BLUESNAPDOMAINPATH/services/hosted-payment-fields/v2.0/bluesnap.hpf.min.js"></script>

3. です

   <div data-bluesnap="ccn"></div>

   <div data-bluesnap="exp"></div>

   <div data-bluesnap="cvv"></div>

4. Add a script to initiate the Hosted Payment Fields with your Hosted Fields token

5. Add a script to submit credit card, expiration date and CVV data