我們在我們的網站上有付款頁面。我們通過Braintree實施它。 的PoC業務這裏http://petrzampach-001-site11.smarterasp.net/ 的代碼與此類似:braintree嵌入式paypal結帳
<script src="https://js.braintreegateway.com/v2/braintree.js"></script>
@using (Html.BeginForm("CreatePurchase", "Home", FormMethod.Post, new { role = "form" }))
{
<div id="paymentGate">
<div id="payment-form"></div>
</div>
<script>
braintree.setup(
"@ViewBag.BrainTreeClientToken",
"dropin", {
container: "payment-form"
});
</script>
}
到目前爲止好。但是,當您點擊Paypal按鈕時,我們不喜歡彈出窗口。我們希望將其整合到我們的網站中。我問Braintree支持,他們告訴我們關於v.zero。優秀!但不幸的是,我們無法弄清楚這一點。無論我們嘗試什麼,它總是在彈出窗口中打開。 我的另一PoC是在這裏: http://petrzampach-001-site11.smarterasp.net/home/CustomUI 的代碼看起來是這樣的:
<script src="https://js.braintreegateway.com/js/braintree-2.21.0.min.js"></script>
@using (Html.BeginForm("CreatePurchase", "Home", FormMethod.Post, new { role = "form", id = "payment-form" }))
{
<label for="card-number">Card Number</label>
<div id="card-number" style="border:1px solid black;height:20px;"></div>
<label for="cvv">CVV</label>
<div id="cvv" style="border:1px solid black;height:20px;"></div>
<label for="expiration-date">Expiration Date</label>
<div id="expiration-date" style="border:1px solid black;height:20px;"></div>
<div id="paypal-container"></div>
<script type="text/javascript">
braintree.setup("@ViewBag.BrainTreeClientToken", "custom", {
id: "payment-form",
hostedFields: {
number: {
selector: "#card-number"
},
cvv: {
selector: "#cvv"
},
expirationDate: {
selector: "#expiration-date"
}
},
paypal: {
container: "paypal-container",
},
onPaymentMethodReceived: function (obj) {
}
});
</script>
}
我們可以自定義信用卡領域,但仍然無法嵌入貝寶登陸到我們的網頁。
謝謝你的任何建議。 Petr
嗨,謝謝你的回答,但是在這裏我可以另外閱讀:https://www.braintreepayments.com/blog/v-zero/ 它說:「結果是一個免費的重定向購物體驗,可以讓顧客在您的網站上簡化交易。「 另外我已經閱讀Braintree網站上的某處(現在找不到它),它說你可以在Lightbox或彈出窗口中打開它。所以,我仍然不相信你,這是不可能的。 –
另外,我問Braintree suppor,他們回覆說:「使用v.zero,您可以無縫接受信用卡和PayPal的一體化,同時讓您的客戶留在您的網站結賬頁面上。」 –