我正在使用 React 和 Next.js 构建一个销售视频课程的平台。
我的目标是创建一种未经身份验证的用户可以使用的付款形式。我希望它像在 Gumroad 上一样工作 - 用户打开一个模式,可以在其中输入电子邮件、信用卡信息,然后单击“付款”(参见图片)。当用户提交此表单时,我想在后台为他们创建一个帐户并同时处理付款,然后将他们重定向到已购买的课程,并且他们已经登录到他们的帐户。这样,用户体验会更好,转化率也会更高 - 我不必要求用户在购买课程之前创建一个帐户,对他们来说,这一切看起来就像一个步骤。
问题是,为了处理付款,我使用的是
<PaymentElement />
。为了在我的网站上显示此表单,我需要首先创建付款意向。为了创建付款意图,我必须传递它 stripeCustomerId
(以便我可以保存用户使用的付款方式),以及 userId
(这样,在我的 webhooks 中,付款成功后,我可以将课程添加到用户已购买的课程列表中)。这意味着为了让我显示结账表单,用户必须已经拥有一个帐户并经过身份验证。
你能给我一些建议吗?我能做什么,有解决方案或解决方法吗?
我需要的是:
userId
和 stripeCustomerId
)。您可以在创建和/或确认付款意向后更新付款意向的
customer
。这意味着流程将如下所示:
customer
如果您想稍后捕获付款,请创建设置意图并授权付款。