Raya 是一种流行且功能强大的支付网关,支持多种支付方式,适合跨境支付和多种业务场景。将 Stripe 集成到 Sitio web de WordPress,可以帮助站长快速实现在线支付功能。下面是详细的步骤,从安装插件到配置支付功能,帮助你们顺利完成 Stripe 集成。
![图片[1]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103104552991-image.png)
preliminar
在开始之前,要做好下面这些准备工作:
1. 有 Stripe 账户
- 没有的话,就去 Stripe 官网 注册一个账户。
- 在账户后台获取
API Key
(包含发布密钥responder cantando私密密钥),用于与 WordPress 网站连接。
2. 安装好 WordPress
- 确保 WordPress 网站已经正常运行,可以安装插件。
montajeWordPress具体详情,可以参阅我们文章:
Tutorial ultradetallado para la instalación manual de WordPress en Tencent Cloud mediante 1Panel
如何在 WordPress 网站上设置 Stripe
如果只是想以固定价格销售一件商品(如网站会员订阅等),那么用 Stripe 是非常理想的选择。
第一步:安装 Stripe 插件
Instalación y activación "Stripe Payments WordPress Plugin – WP Simple Pay" Complementos.
![图片[2]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103100338228-image.png)
这个插件提供免费和付费版本。
Pago simple WP 是一个独立的插件,可以轻松将 Stripe 与 WordPress 集成。
免费版本的插件功能包括:
- 集成 Stripe Checkout 并支持无限支付表单。
- 在 Stripe Checkout 页面显示品牌或产品图片。
- 收集客户的账单和送货地址选项等功能。
Instalación y activación Pago simple WP 插件后,会在 WordPress 仪表盘右上角看到一个“测试模式已激活”的通知。
![图片[3]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103100452665-image.png)
第二步:设置 Stripe 账户
进入设置页面
在 WordPress 后台导航到 “Simple Pay Lite > Settings”.
![图片[4]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103100705341-image.png)
patrón de prueba
在设置页面,会看到“patrón de prueba”默认被设置为“已启用(Enabled)”。当网站正式上线或开始收款时,请将其更改为“已禁用(Disabled)".
设置选项卡
WP Simple Pay 使用多个选项卡来管理设置,包括 “Stripe Setup(Stripe 设置)”y“General(常规设置)” responder cantando “Payment Confirmation(支付确认)”.
![图片[5]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103101227737-image.png)
常规设置(General)
- 设置支付相关的页面,例如“支付成功页面”、“支付失败页面”和“支付取消页面”。
- 页面列表会显示 WordPress 网站中已存在的页面。
- 配置货币类型,选择适合网站业务的货币(如美元、英镑等)。
![图片[6]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103101352209-image.png)
支付确认(Payment Confirmation)
- 配置支付成功后的显示信息。
- 可以用页面中提供的模板标签来自定义成功页面上的信息。
连接 Stripe
- 返回 “Stripe Setup” 选项卡,点击 “Connect with Stripe(连接 Stripe)” 按钮,将 Stripe 与 WordPress 网站连接。
![图片[7]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103101414139-image.png)
- 如果你已有 Stripe 账户,点击页面右上角的 “Sign in(登录)” 按钮登录。
- 如果没有账户,填写表单并激活账户。
账户激活
- 激活账户后,注册时用的电子邮件地址会显示为“管理员(所有者)”,表示 Stripe 账户已成功连接到网站。
![图片[8]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103101422551-image.png)
Paso 3: Crear formulario de pago
进入支付表单页面
En el backend de WordPress, navegue hasta “Simple Pay Lite > Payment Forms”.
这个页面会列出网站上创建的所有支付表单。
创建新表单
- golpe (en el teclado) “Add New(添加新表单)”.
![图片[9]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103101644110-image.png)
- 给表单添加一个标题(仅供后台参考,不会在前端显示)。
![图片[10]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103103212898-image.png)
配置表单选项
在表单设置页面,需要填写下面几个选项卡的内容:
- Payment Options(支付选项)::
- 设置支付模式为默认的“Global Setting(全局设置)”。
- 配置“一次性金额”(例如 $1)。
![图片[11]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103103238675-image.png)
- On-Site Form Display(表单显示设置)::
- 自定义支付按钮上的文字(如“立即支付”)。
- Stripe Checkout Display(Stripe 结账页面显示)::
- 填写产品名称、描述以及产品图片,这些信息会显示在 Stripe 的结账页面上。
- 根据需要,自定义提交按钮的颜色和样式。
![图片[12]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103103357263-image.png)
可选配置
- 如果需要,可以选择收集“送货地址"y"账单地址".
- 订阅选项(Subscription Options):这个功能之只在插件的专业版中提供,如果需要订阅模式,则需要购买专业版。
![图片[13]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103103454120-image.png)
发布表单
- 完成所有设置后,点击右侧的 “Publish(发布)” Botón.
- 发布后,支付表单会显示在 “Simple Pay Lite > Payment Forms” 页面中。
![图片[14]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103103508934-image.png)
复制短代码
- 在支付表单列表页面,复制新表单的短代码。
- 接下来,可以将该短代码嵌入到需要显示支付表单的Página o artículoMedio.
第四步:在页面中集成 Stripe 支付表单
Crear nueva página
在 WordPress 后台导航到 “页面 > 添加新页面”.
命名页面
给页面命名,例如“我的电子书页面”。
![图片[15]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103103859356-image.png)
添加短代码小部件
在页面编辑器中,添加一个短代码小部件。
![图片[16]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103103909703-image.png)
Inserte el código corto
将之前复制的支付表单短代码粘贴到小部件中。保存并发布页面。
![图片[17]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103104002463-image.png)
查看支付按钮
在页面中,会看到一个“PAY WITH CARD”(使用卡支付)按钮。点击按钮后,会跳转到结账页面.
![图片[18]-如何将 Stripe 集成到 WordPress 网站:一步步完整教程](https://www.361sale.com/wp-content/uploads/2025/01/20250103104034748-image.png)
到这里,结账页面已经设置完成,Stripe 支付功能已成功集成到 WordPress 网站了!
Enlace a este artículo:https://www.361sale.com/es/32419El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios