payment - 从 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 Hosted Payment 字段，您需要做的就是

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