如何将 Stripe 支付集成到 WordPress

Stripe 是一种流行且功能强大的支付网关,支持多种支付方式,适合跨境支付和多种业务场景。将 Stripe 集成到 WordPress 网站,可以帮助站长快速实现在线支付功能。下面是详细的步骤,从安装插件到配置支付功能,帮助你们顺利完成 Stripe 集成。

准备工作

在开始之前,要做好下面这些准备工作:

1. 有 Stripe 账户

没有的话,就去 Stripe 官网 注册一个账户。

在账户后台获取 API Key(包含发布密钥私密密钥),用于与 WordPress 网站连接。

2. 安装好 WordPress

确保 WordPress 网站已经正常运行,可以安装插件。

安装WordPress具体详情,可以参阅我们文章:

新手也能快速上手:阿里云+宝塔面板打造WordPress网站全攻略

在腾讯云上使用1Panel手动安装WordPress的超详细保姆级教程

如何在 WordPress 网站上设置 Stripe

如果只是想以固定价格销售一件商品(如网站会员订阅等),那么用 Stripe 是非常理想的选择。

第一步:安装 Stripe 插件

安装并激活 Stripe Payments WordPress Plugin – WP Simple Pay 插件。

这个插件提供免费和付费版本。
WP Simple Pay 是一个独立的插件,可以轻松将 Stripe 与 WordPress 集成。

免费版本的插件功能包括:

集成 Stripe Checkout 并支持无限支付表单。

在 Stripe Checkout 页面显示品牌或产品图片。

收集客户的账单和送货地址选项等功能。

安装并激活 WP Simple Pay 插件后,会在 WordPress 仪表盘右上角看到一个“测试模式已激活”的通知。

第二步:设置 Stripe 账户

进入设置页面
在 WordPress 后台导航到 “Simple Pay Lite > Settings”

测试模式
在设置页面,会看到“测试模式”默认被设置为“已启用(Enabled)”。当网站正式上线或开始收款时,请将其更改为“已禁用(Disabled)”。

设置选项卡
WP Simple Pay 使用多个选项卡来管理设置,包括 “Stripe Setup(Stripe 设置)”“General(常规设置)”“Payment Confirmation(支付确认)”

常规设置(General)

设置支付相关的页面,例如“支付成功页面”、“支付失败页面”和“支付取消页面”。

页面列表会显示 WordPress 网站中已存在的页面。

配置货币类型,选择适合网站业务的货币(如美元、英镑等)。

支付确认(Payment Confirmation)

配置支付成功后的显示信息。

可以用页面中提供的模板标签来自定义成功页面上的信息。

连接 Stripe

返回 “Stripe Setup” 选项卡,点击 “Connect with Stripe(连接 Stripe)” 按钮,将 Stripe 与 WordPress 网站连接。如果你已有 Stripe 账户,点击页面右上角的 “Sign in(登录)” 按钮登录。

如果没有账户,填写表单并激活账户。

账户激活

激活账户后,注册时用的电子邮件地址会显示为“管理员(所有者)”,表示 Stripe 账户已成功连接到网站。

第三步:创建支付表单

进入支付表单页面
在 WordPress 后台,导航到 “Simple Pay Lite > Payment Forms”
这个页面会列出网站上创建的所有支付表单。

创建新表单

点击 “Add New(添加新表单)”。给表单添加一个标题(仅供后台参考,不会在前端显示)。

配置表单选项
在表单设置页面,需要填写下面几个选项卡的内容:

Payment Options(支付选项):设置支付模式为默认的“Global Setting(全局设置)”。

配置“一次性金额”(例如 $1)。On-Site Form Display(表单显示设置):自定义支付按钮上的文字(如“立即支付”)。

Stripe Checkout Display(Stripe 结账页面显示):填写产品名称、描述以及产品图片,这些信息会显示在 Stripe 的结账页面上。

根据需要,自定义提交按钮的颜色和样式。

可选配置

如果需要,可以选择收集“送货地址”和“账单地址”。

订阅选项(Subscription Options):这个功能之只在插件的专业版中提供,如果需要订阅模式,则需要购买专业版。

发布表单

完成所有设置后,点击右侧的 “Publish(发布)” 按钮。

发布后,支付表单会显示在 “Simple Pay Lite > Payment Forms” 页面中。

复制短代码

在支付表单列表页面,复制新表单的短代码。

接下来,可以将该短代码嵌入到需要显示支付表单的页面或文章中。

第四步:在页面中集成 Stripe 支付表单

创建新页面
在 WordPress 后台导航到 “页面 > 添加新页面”

命名页面
给页面命名,例如“我的电子书页面”。

添加短代码小部件
在页面编辑器中,添加一个短代码小部件。

插入短代码
将之前复制的支付表单短代码粘贴到小部件中。保存并发布页面。

查看支付按钮
在页面中,会看到一个“PAY WITH CARD”(使用卡支付)按钮。点击按钮后,会跳转到结账页面

到这里,结账页面已经设置完成,Stripe 支付功能已成功集成到 WordPress 网站了!

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注