如何将 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 网站了！