Démarrage facile avec les champs de paiement hébergés par BlueSnap;

Question

Salut - Je suis à la recherche d'un script simple que je peux copier & Coller dans mon site Web afin que je puisse commencer à vendre avec les champs HPF de BlueSnap. Le formulaire doit inclure les éléments les plus élémentaires nécessaires pour récupérer le jeton et charger le client, je ne cherche pas de design, juste une fonctionnalité.

J'ai les bases - mais je dois voir comment cela ressemblerait si cela a été fait:

<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> 

Quelqu'un peut-il me aider?

Answer 1

Afin de mettre en œuvre les champs de paiement Hosted BlueSnap Tout ce que vous devez faire est

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. Add the Hosted Payment Fields to your checkout form

   <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