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. 입니다 8,

   <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