首页 > 解决方案 > Stripe Simple Checkout 与取消按钮的集成

问题描述

我正在尝试通过https://stripe.com/docs/checkout中所述的“简单”结帐将 Stripe 与我的网站集成。我创建了一个摘要页面,在该页面上添加了脚本标记。这显示了用卡付款,它工作正常。

但是,我需要在此摘要页面上设置一个“取消”或“返回”按钮,以便让用户有机会返回上一页或取消在线预订。但即使单击此其他按钮,付款弹出窗口也会打开,并且不会引发后退按钮事件。

我错过了什么?为什么连其他按钮都被 Stripe JS 劫持了。请帮忙。

标签: c#asp.netwebformsstripe-payments

解决方案


Simple Checkout 允许用户输入他们的信用卡,然后创建一个令牌,然后立即提交<form></form>包含它的令牌。如果您需要更多的可定制性,则需要使用自定义结帐集成。

使用自定义集成,用户会看到 Checkout,Stripe 生成一个令牌,然后由您决定下一步做什么 --- 您可以在令牌创建回调中编写 JS 以在令牌中附加一个隐藏字段,然后然后立即提交表单,或者您可以让用户返回您的摘要页面并等待用户在提交表单之前给予额外的确认,或者“返回”。

var handler = StripeCheckout.configure({
  key: 'pk_test_xxxyyyyzz',
  token: function(token) {
    // You can access the token ID with `token.id`.
    // Do something with that token (append a hidden input + submit the form?)
  }
});

推荐阅读