容易开始与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>

有人能帮我吗？

Answer 1

为了实现BlueSnap托管的支付字段，您所需要做的就是

plnkr简单示例链接

1. 获取会话的宿主支付字段令牌
2. 将BlueSnap JavaScript文件添加到结帐表单中 <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. 添加一个脚本，使用宿主字段令牌启动托管支付字段。
5. 添加一个脚本来提交信用卡、到期日期和CVV数据