Simple launch from payment fields placed in BlueSnap;

Question

Hey. I am looking for a simple script. I can copy and paste to my website to start selling with BlueSnap HPF fields. The form should include the most basic elements necessary in order to return the token and charge the buyer, I'm not looking for any design, just functionality.

I have the basics - but I need to see how it would look if it were done:

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

Can anyone help me with this?

Answer 1

To implement BlueSnap Hosted Payment, all you have to do is

simple example link plnkr

• Get a rental token for a session

• Add BlueSnap JavaScript file to statement form

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

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

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

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

• script,

• script , CVV-