WP Simple Pay 博客

WordPress 支付教程、技巧和资源

如何在 Elementor 中接受 Stripe 付款(3 种简单方法)

最后更新于

作者: 作者图片 Shahzad Saeed

您是否正在使用 Elementor 并想知道如何在您的网站上通过 Stripe 收款?

免费的 Elementor 插件不允许您在没有第三方 Stripe 插件或集成的情况下,在您的网站上接受 Stripe 付款。

尽管 Elementor Pro 带有 Stripe 按钮小部件,但它并不直观,并且功能有限,

在本文中,我们将向您展示如何使用免费或 Pro 版 Elementor 插件,以正确的方式轻松接受 Stripe 付款。

在 Elementor 中接受 Stripe 付款的缺点

Elementor Pro 中默认的 Stripe 按钮小部件的问题在于它根本不是一个直观的解决方案。要使其正常工作,您需要创建 API 密钥,复制粘贴代码,等等。

您还需要在 Stripe 账户中进行适当的调整,才能使某些功能(如税费)正常工作。

即使它能正常工作,您获得的功能也是有限的。例如,有……

使用WP Simple Pay(WordPress 最好的 Stripe 插件)是在您的 WordPress 网站上接受 Stripe 付款的最简单方法。

它与免费版和付费版 Elementor 无缝集成,并且还支持定期付款、先买后付、分期付款等高级 Stripe 功能。

将 Stripe 添加到您的 Elementor 网站的 3 种方法

以下是在由 Elementor 支持的 WordPress 网站上接受 Stripe 付款的 3 种方法。

  • 嵌入 Stripe 按钮:通过添加 Stripe 付款按钮,您可以将用户重定向到 Stripe 结账页面或显示一个弹出式付款表单。
  • 嵌入 Stripe 表单:通过在您的网站上嵌入付款表单来接受付款。
  • 使用 Elementor 的小部件:将 WP Simple Pay 与按钮、号召性用语和定价表等 Elementor 小部件集成。使用这些小部件,您可以接受一次性付款、定期付款,甚至分期付款。

现在,让我们看看如何使用 WP Simple Pay 在 Elementor 中启用 Stripe 付款。

步骤 1:在您的网站上安装 WP Simple Pay

首先。请继续在您的 WordPress 网站上安装WP Simple Pay

购买 WP Simple Pay 插件后,请从您的购买电子邮件收据或您的 WP Simple Pay 账户下载它。

然后登录您的 WordPress 管理面板并在您的网站上安装该插件。

如果您想通过 FTP 安装,请遵循本指南

免收额外的 3% 费用! 

大多数 Stripe 插件对每一笔交易收取额外的 3% 费用
…但 WP Simple Pay Pro 不会!

插件激活后,系统将提示您将 Stripe 账户与您的 WordPress 网站连接。

WP Simple Pay 设置向导

按照屏幕上的指南操作,并将您的 Stripe 帐户与您的网站连接以开始接受付款。

步骤 2:创建 Stripe 付款按钮/表单

接下来,您需要创建一个 Stripe 付款按钮或付款表单。

要创建付款按钮或表单,请转到WP Simple Pay » 添加新内容。然后从付款表单模板中进行选择。

WP Simple Pay 提供了大量模板供您选择。您可以在选择模板前预览它。找到合适的模板后,选择它并根据您的需求进行配置。

每个模板都预先选择了一些针对不同需求的定制选项。例如,如果您选择一个捐赠表单模板,预选的选项将是为非营利组织筹款量身定制的,例如一个带有不同金额捐赠选项的单选按钮。

付款模式捐赠表单

无论您选择哪个模板,都可以随时在之后自定义选项。例如,您可以自定义定价选项、付款方式等详细信息。

WP Simple Pay 使您能够在网站上创建和嵌入按钮或付款表单。如果您决定嵌入按钮,则可以选择将用户重定向到 Stripe 付款页面,或显示一个弹出式付款表单,客户可以在其中提交其付款详细信息。

表单准备就绪后,您可以进行一些测试付款,然后将其发布到您的网站上。

有关创建付款表单/按钮的更多详细信息,您可以查看 如何使用 WordPress 接受 Stripe 付款

第 3 步:将 Stripe 与 Elementor 集成

使用 WP Simple Pay,您可以在 Elementor 支持的网站上通过 3 种方式接受 Stripe 付款。

  • 在您的网站上添加付款按钮,并在点击按钮时将用户重定向到 Stripe 付款页面或显示弹出式付款表单。
  • 使用块编辑器或短代码在您的网站上嵌入付款表单。
  • 使用定价表小部件并将 Stripe 与按钮集成。

嵌入您的 Stripe 按钮或表单

要在块编辑器中嵌入表单或按钮,请转到您要发布它的帖子或页面。然后单击 + 图标添加 WP Simple Pay 块。然后选择您刚刚创建的表单。然后,单击 发布更新。  

付款表单块

或者,您可以使用表单的短代码并将其粘贴到您网站上任何您想嵌入它的位置。

使用 Elementor 的按钮、号召性用语或定价表小部件嵌入

如果您更愿意使用 Elementor 的按钮、号召性用语或定价表小部件嵌入付款按钮,您只需将相应的小部件拖放到 Elementor 编辑器中您想嵌入的位置即可。

Elementor 按钮

然后在左侧,找到 WP Simple Pay 选项,然后从列表中选择您想嵌入的正确按钮。

就是这样!

我们希望本文能帮助您了解如何正确地将 Stripe 与 Elementor 集成。

如果您喜欢这篇文章,您可能还想查看 如何使用 WordPress 接受定期付款

您还在等什么?立即开始使用 WP Simple Pay!

要阅读更多此类文章,请在 X 上关注我们。

披露:我们的内容由读者支持。这意味着如果您点击我们的一些链接,我们可能会赚取佣金。我们只推荐我们认为能为读者带来价值的产品。

10 条关于“如何在 Elementor 中接受 Stripe 付款(3 种简单方法)”的回复

  1. Marcela Guzman 头像
    Marcela Guzman

    非常有用的信息,谢谢!

  2. Gino DeFalco 头像

    精彩且信息丰富!

  3. 虽然目前没有使用 EDD 的 Stripe,但如果我将来计划这样做,这似乎是一项简单的任务

  4. 感谢分享!快速轻松地了解如何添加 Stripe 付款!

  5. Mouhssine Benkacem 头像
    Mouhssine Benkacem

    非常感谢
    有趣的文章

  6. Janice Danielson 头像
    Janice Danielson

    很棒的教程,信息丰富

  7. 有没有比使用 Stripe 更简单的方法?

  8. 有用的信息,感谢分享。

  9. 简单实用的指南,感谢分享

  10. 实用的指南,感谢分享

留下回复

您的电子邮件地址不会被公开。 必填字段已标记为 *

本网站使用 Akismet 来减少垃圾邮件。 了解您的评论数据如何被处理

立即开始接受付款

在您的WordPress网站上开始接受一次性付款、定期付款或捐赠。