WP Simple Pay 博客

WordPress 支付教程、技巧和资源

如何在 WordPress 中创建 Stripe 付款登录页面

最后更新于

作者: 作者图片 Natalie Jones

您想学习如何为您的 WordPress 网站创建自定义结账/付款页面吗?

创建一个无干扰的登录页面,让您的客户或捐赠者可以完成付款,是提高转化率的好方法。此外,带有图片和您徽标的自定义登录页面有助于建立品牌知名度。幸运的是,有了合适的工具,您可以轻松地在您的网站上添加托管 Stripe 付款的专用登录页面。

在本文中,我们将向您展示在 WordPress 中为 Stripe 付款创建自定义登录页面的最佳方法。

创建 Stripe 付款登录页面

专用付款页面可确保高转化率,因为它消除了页面上的不必要干扰,例如标题、页脚等,无论您使用何种 WordPress 主题。

为您的网站创建专用结账登录页面的最简单方法是使用支持自定义登录页面的 WordPress Stripe 付款插件。

借助 #1 Stripe 付款插件 WP Simple Pay,您可以零代码创建品牌登录页面,用于您的付款表单。该插件最好的部分之一是它允许您自定义单个付款表单的付款确认消息,以改善与客户的沟通并帮助简化所需的任何购买后步骤。

使用 WP Simple Pay,您还可以:

  • 接受多种付款方式:提供首选付款方式以扩大您的覆盖范围并拓宽您的客户群。付款方式包括 Cash App PayApple Pay / Google Pay / Microsoft PayACH 直接借记、信用卡和借记卡、支付宝等。
  • 创建 按表单发送的电子邮件:自动为您的客户或捐赠者发送单个表单的自定义付款确认电子邮件。
  • 在几分钟内制作付款表单:使用 预制付款表单模板和高级拖放付款表单构建器,在几分钟内开始在您的网站上收款。
  • 免除 3% Stripe 处理费:将额外的 Stripe 处理费转嫁给您的客户,以收取全额付款。
  • 等等…

免收额外的 3% 费用! 

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

以下是使用您网站上的付款页面的一些好处。

  • 提高转化率:使用专用付款页面,您可以删除所有阻止访问者付款的不必要元素。
  • 独立于您的主题:您的主题元素,包括标题、页脚和导航菜单,都不会在您的自定义付款页面中使用。这为您提供了无限的机会来优化页面以获得高转化率,而无需聘请开发人员。
  • 可自定义:使用 WP Simple Pay,您可以轻松添加您的徽标、自定义标题等,而无需编写任何代码。

如何创建 Stripe 付款登录页面

步骤 1:安装 WP Simple Pay 以创建付款页面

要在您的网站上创建付款登录页面,您首先需要安装并激活 WP Simple Pay。要安装插件,请导航至定价页面并选择适合您需求的套餐。然后从您的 WP Simple Pay 账户或付款确认电子邮件中下载插件。之后,将其安装到 WordPress 中。

有关更多详细信息,请参阅有关如何安装 WP Simple Pay的分步指南。

完成插件激活后,您将进入设置向导。设置向导允许您在没有 Stripe 账户的情况下设置一个账户,并将其连接到您的网站,而无需手动输入 API 密钥。

WP Simple Pay 设置向导

如果您没有看到设置向导,只需转到 WP Simple Pay » 设置 » 高级 选项卡,然后点击启动设置向导按钮。

2:将 WordPress 连接到 Stripe  

要将您的 WordPress 网站连接到 Stripe,请点击 连接到 Stripe

WP Simple Pay 连接 Stripe

接下来,请输入您用于 Stripe 账户的电子邮件地址,并将其连接到您的网站。如果您没有 Stripe 账户,可以通过输入电子邮件地址并完成注册轻松创建一个。

完成此过程后,您将看到一个显示“设置完成”的成功页面。接下来,点击“创建付款表单”。

设置完成

第 3 步:创建 Stripe 付款表单

现在您已在 WordPress 网站上安装并激活了 WP Simple Pay,是时候创建付款页面了。

您应该会看到一个预制付款表单模板的完整列表。如果您尚未在此页面上,只需导航至 WP Simple Pay » 添加新内容

虽然您可以根据需要选择任何表单模板,但就本教程而言,我们将选择基本的 付款表单 模板。

stripe 付款表单模板

接下来,系统将提示您输入付款表单的标题和描述。请务必选择 站内付款表单,以确保您的客户直接在您的网站上完成购买。

注意:如果您为 类型 选择 站外 Stripe Checkout 表单,您的访客将被重定向到Stripe 托管的结账页面

对于付款成功页面,如果您不想使用插件设置中配置的默认页面,请选择 特定页面。或者,如果您想将用户重定向到外部网站,请选择 重定向 URL

要配置付款设置,请选择左侧的 付款 选项。在这里,您可以添加新的价格选项并自定义现有选项。除了选择金额外,您还可以更改货币,甚至可以选择一次性付款或订阅付款。

请记住,一旦表单发布,您将无法再对其进行自定义。因此,目前,在预览和测试表单之前,我们暂不将付款模式更改为实时模式。

请随时在 付款方式 部分启用任意数量的付款方式。最好提供多种付款方式,以确保您不会排除潜在客户。

接下来,点击左侧的 表单字段 选项。在这里,您可以添加、删除或编辑任何现有表单字段。

第 4 步:创建 Stripe 付款/结账页面

要创建 Stripe 付款页面,请从左侧选择 付款页面

接下来,勾选 启用专用付款页面 复选框。

勾选复选框后,系统将提示您指定付款页面的 URL、背景配色方案以及页眉图像或徽标。您还可以选择显示或隐藏付款表单的标题和描述。

请务必取消选中 在同一页面上显示付款确认 旁边的框。在本教程中,我们将创建与此特定表单相关的自定义付款确认消息。

继续并单击左侧的“确认页面”选项。在这里,您可以输入客户在付款成功后将看到的自定义付款确认消息

在提供的文本字段中输入自定义付款确认消息后,请务必在预览表单后点击“发布”。

发布表单后,您可以通过访问在“付款页面”编辑器中创建的 URL 来查看实时登陆页面。

下面是我们刚刚创建的专用登陆页面。

如果您决定要从登陆页面中删除 WP Simple Pay 品牌,您始终可以选择在“付款页面”编辑器中勾选“隐藏 WP Simple Pay 品牌”旁边的框。

就是这样!

我们希望您已学会如何在 WordPress 中创建自定义 Stripe 付款/结账页面。

如果您喜欢这篇文章,您可能还想查看以下指南:

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

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

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

7 条对“如何在 WordPress 中创建 Stripe 付款登陆页面”的回复

  1. Mouhssine Benkacem 头像
    Mouhssine Benkacem

    非常感谢
    你做得很好
    加油

  2. 看起来像 todos 类型的页面。对于初学者来说,创建和连接的每一步都非常有帮助。但一旦完成,就不需要这个页面了。

  3. 插件很棒,我只希望你们支持 Stripe 以外的其他东西

  4. Toby Cummings 头像
    Toby Cummings

    一个非常容易理解的教程。谢谢你。

  5. Dayvelitsse Gilima头像
    Dayvelitsse Gilima

    太棒了 ❤️

  6. 一种很棒且简单的方法,可以理解如何实施 Stripe 以优化您的收入!感谢分享!

  7. 嗨 Natalie!文章写得很好!!
    您的说明写得非常好,而且易于遵循。
    图片/截图也确实让它更容易。
    提示/建议也很有帮助。

留下回复

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

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

立即开始接受付款

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