我们在我们的网站上有付款页面。我们通过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的一体化,同时让您的客户留在您的网站结账页面上。” –