Braintree嵌入式贝宝结帐

Posted 2023-02-22

【中文标题】Braintree嵌入式贝宝结帐

【英文标题】：braintree embedded paypal checkout

【发布时间】：2016-06-18 21:54:51

【问题描述】：

我们的网站上有一个付款页面。我们通过 Braintree 实现了它。 PoC 在这里http://petrzampach-001-site11.smarterasp.net/ 代码类似这样：

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

我们可以自定义信用卡字段，但仍然无法将 Paypal 登录嵌入到我们的页面中。

感谢您的任何建议。 彼得

【参考方案1】：

_{全面披露：我在 Braintree 工作。如果您还有任何问题，请随时联系我们的support 团队。}

使用 v.zero 时，接受 PayPal 凭据的表单会在弹出窗口中打开。这样客户就知道他们正在以安全、加密的方式向 PayPal 提供他们的凭证，而不是在恶意网站上输入他们的凭证。使用 PayPal 付款的人希望他们能够验证他们的凭据只是被提交给 PayPal，并且以这种方式实施 v.zero 会带来更高的转化率，这也是我们以这种方式实施它的动机。

没有选项允许不通过弹出窗口输入 PayPal 凭据。

【讨论】：

您好，谢谢您的回答，但在这里我可以阅读其他内容：braintreepayments.com/blog/v-zero 它说“结果是无需重定向的 PayPal 购买体验，让客户在您的网站上简化交易。” .另外，我在 Braintree 网站上的某个地方（现在找不到）读到它说您可以在灯箱或弹出窗口中打开它。所以，我还是不相信你，这是不可能的。

另外，我询问了 Braintree 的支持，他们回答说“使用 v.zero，您可以通过一次集成无缝地接受信用卡和 PayPal，同时让您的客户留在您网站的结帐页面上。”跨度>