轻松开始使用BlueSnap托管的付款字段； [英] Easy start with BlueSnap hosted payment fields;

问题描述

您好–我正在寻找一个简单的脚本，可以将其复制粘贴到我的网站中，以便可以开始使用BlueSnap的HPF字段进行销售。
该表格应包括获取代币并向购物者收取费用所需的最基本元素，我不是在寻找任何设计，只是在寻找功能。

Hi – I'm looking for a simple script I can Copy&Paste into my website so I can start selling with BlueSnap's HPF fields. The form should include the most basic elements needed to get the token back and charge the shopper, I'm not looking for any design, just functionality.

我有基本知识-但我需要看看完成后的样子：

I have the basics - but I need to see how this would look like if it was 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>

有人可以帮我吗？

推荐答案

要实现BlueSnap Hosted Payment字段，您需要做的只是

In order to implement BlueSnap Hosted Payment fields all you need to do is

plnkr简单示例链接

1. 获取会话的托管付款字段令牌



2. 将BlueSnap JavaScript文件添加到您的结帐表单中

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

添加脚本以使用托管字段令牌初始化托管付款字段

添加脚本来提交信用卡，有效期和CVV数据

这篇关于轻松开始使用BlueSnap托管的付款字段；的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！