您好 – 我正在寻找一个可以复制并粘贴到我的网站中的简单脚本,以便我可以开始使用 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>
有人能帮我吗?
为了实施 BlueSnap 托管支付字段,您需要做的就是
plnkr 简单示例链接 http://plnkr.co/edit/AVB6ifBQjegnWDRzJgrm?p=preview
- 获取会话的托管支付字段令牌 https://developers.bluesnap.com/v8976-Tools/docs/hosted-payment-fields#section-1-obtain-the-hosted-payment-field-token-for-the-session
-
将 BlueSnap JavaScript 文件添加到您的结账表单中 https://developers.bluesnap.com/v8976-Tools/docs/hosted-payment-fields#section-2-add-the-bluesnap-javascript-file-to-your-checkout-form
<script type="text/javascript" src="BLUESNAPDOMAINPATH/services/hosted-payment-fields/v2.0/bluesnap.hpf.min.js"></script>
-
将托管付款字段添加到您的结账表单中 https://developers.bluesnap.com/v8976-Tools/docs/hosted-payment-fields#section-3-add-the-hosted-payment-fields-to-your-checkout-form
<div data-bluesnap="ccn"></div>
<div data-bluesnap="exp"></div>
<div data-bluesnap="cvv"></div>
添加脚本以使用您的托管字段令牌启动托管付款字段 https://developers.bluesnap.com/v8976-Tools/docs/hosted-payment-fields#section-4-add-a-script-to-initiate-the-hosted-payment-fields-with-your-hosted-fields-token
添加脚本以提交信用卡、到期日期和 CVV 数据 https://developers.bluesnap.com/v8976-Tools/docs/hosted-payment-fields#section-5-add-a-script-to-submit-credit-card-expiration-date-and-cvv-data
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)