BlueSnap托管支付领域轻松入手;

时间:2017-09-26 11:15:15

标签: payment checkout bluesnap

嗨 - 我正在寻找一个简单的脚本,我可以将其复制并粘贴到我的网站上,这样我就可以开始使用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>

任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:6)

要实施BlueSnap Hosted Payment字段,您需要做的就是

https://keras.io/layers/core/#flatten

  1. plnkr simple example link
  2. Obtain the Hosted Payment Field token for the session

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

  3. Add the BlueSnap JavaScript file to your checkout form

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

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

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

  4. Add the Hosted Payment Fields to your checkout form

  5. Add a script to initiate the Hosted Payment Fields with your Hosted Fields token