创建带有付款选项的自定义 WooCommerce 表单 - 一个简单的演练

已发表: 2022-06-16

如果您没有大量的产品或服务可供销售,您可能不需要成熟的 WooCommerce 商店。 创建带有付款选项的 WooCommerce 表单可能会成为一种更简单、更有效的选择。

您所需要的只是一个可以为您处理付款的可靠插件。 您还需要该插件为您提供强大的技术基础设施。

下面我们将引导您完成创建具有不同付款选项的 WooCommerce 表单的过程。 但是,让我们首先快速了解一下网站所有者可能希望使用这种处理付款方式的一些原因。

使用带有付款选项的 WooCommerce 表单的原因

  • 不是每个人都想建立一个全面的 WooCommerce 商店。 仅仅为了销售几种产品或服务而建造一个并不是对资源的理想利用。
  • 与其建立一个看起来不专业的单一产品或单一服务商店,不如创建一个 WooCommerce 自定义支付表单来销售您的产品或服务。
  • 同样,在某些情况下,网站所有者可能只提供咨询服务。 一个成熟的 WooCommerce 商店不仅会矫枉过正,而且会给您的业务带来太多负担和分心。
  • 收集捐款或预订房间也是如此。 在这些情况下,您真的不需要 WooCommerce 商店来接受付款。 一个简单的带有付款的 WooCommerce 表单将为您解决问题。

使用 Profile Builder Pro 构建表单

构建带有付款选项的定制 WooCommerce 表单的过程可以分为两部分:(1)创建定制的注册表单和(2)设置付款选项。

对于第一部分,您将需要 Profile Builder Pro。 它是一个完整的用户管理插件,具有广泛的用户相关功能。

它可以创建自定义且灵活的用户注册、登录、编辑个人资料、密码重置和其他与用户相关的表单。 它还提供许多其他类型的用户管理功能,例如添加用户角色、在 WordPress 中创建登录、注册和注销重定向,创建受密码保护的内容和帖子等等。

如果您的网站上安装了 WooCommerce,您还可以使用 Profile Builder Pro 创建 WooCommerce 登录简码并实施 WooCommerce 社交登录。

配置文件生成器专业版

如果您想创建完全自定义的 WooCommerce 表单,Profile Builder 应该是您的首选插件。

获取插件

或下载免费版

为 WooCommerce 创建自定义表单

使用 Profile Builder Pro 为 WooCommerce 创建自定义注册表非常简单。 假设您在您的网站上安装并激活了 WooCommerce 插件,只需几个简单的步骤。

首先从您的 WordPress 仪表板下载免费的 Profile Builder 插件。 单击插件下的添加新选项,然后在搜索栏中键入“配置文件生成器”。

找到插件,然后单击安装,然后单击激活按钮。

安装配置文件生成器

但是,您还需要将 WooCommerce 计费和运输字段添加到您的表单中,该功能仅在 Profile Builder 的专业版中可用。 此外,您可能还想自定义表单的其他字段。

但是,由于您在 Profile Builder Pro 的整体功能和自定义方面获得了更多,因此这将是对您网站上的用户管理的一项有价值的投资。

购买 Profile Builder Pro 后,您可以从 Cozmoslabs 上的帐户下载 pro 插件,然后从仪表板的插件区域将其上传到您的站点。

下载 Profile Builder Pro

接下来,您需要从 Profile Builder 激活 WooCommerce Sync pro 插件。 转到 WordPress 仪表板中Profile Builder下的Add-Ons菜单。

向下滚动一点,找到WooCommerce 同步选项,然后单击激活按钮。

现在单击Profile Builder下的Form Fields菜单。 您可以在此处自定义您的 WooCommerce 付款表格。

您可以编辑现有的表单字段,也可以添加新的字段,例如客户账单和送货地址。 就像你在下图中看到的那样。

自定义 WooCommerce 付款表格

根据自己的喜好自定义表单后,您可以进入下一步将付款选项集成到表单中。

替代方案:创建一个基本的 WooCommerce 表单

如果您不需要 Profile Builder 为您的表单提供的所有额外自定义,则有一个更简单的替代方案。 您可以使用付费会员订阅创建一个注册页面,该插件将允许您在下一步中接受付款。

无论如何,我们将使用此插件向表单添加支付功能,因此,如果您想采取简单的方法,您可以从一开始就简单地使用付费会员订阅。

但是,请记住,这样您的表单将只有一个付款选项、基本注册字段和一些计费字段。 您将无法自定义表单。

但是,如果您只想使用基本表格接受付款,那么它将为您完成工作。 在这种情况下,您将不需要 Profile Builder。

使用付款构建 WooCommerce 表单

现在您已经有了基本的或自定义的 WooCommerce 注册表单,您可以进入流程的第二部分:将付款添加到您的 WooCommerce 表单。 为此,您需要付费会员订阅插件来帮助您。

付费会员订阅将允许您使用不同的方法和支付网关接收付款。 它还允许您将不同的付款选项直接集成到您刚刚创建的表单中。

这样,您将能够轻松创建一个 WooCommerce 表单,其中包含您想要的所有付款选项和自定义。

付费会员订阅专业版

付费会员订阅使在您的网站上接受付款的其他复杂任务变得异常简单和高效。

获取插件

或下载免费版

要在您的站点上安装插件,您可以按照我为 Profile Builder 显示的完全相同的步骤进行操作。

贝宝标准定期付款

如果您提供按月服务或订阅某组产品并希望使用 PayPal Standard 作为支付网关,则必须集成 PayPal 定期支付功能。

您可以使用PayPal Standard 的定期付款插件来做到这一点。 要安装它,请单击付费会员订阅的附加组件选项。 向下滚动以找到 Pro 附加组件下列出的 PayPal 标准定期付款选项。 单击激活按钮。

PayPal 标准的定期付款

激活后,当您导航到付费会员订阅设置付款选项卡时,您将能够看到新的支付网关。 如果您需要有关如何设置的更多信息,可以在此处按照我们的指南进行操作。

接受定期付款

贝宝快速结帐

接下来,您有 PayPal Express Checkout 付款选项。 幸运的是,我们也为此付款选项提供了附加组件。 再次单击附加组件选项并找到PayPal Express附加组件。 然后以与上面激活其他附加组件相同的方式激活它。

现在,您将在我们上面提到的同一“付款”选项卡下看到另外两个付款选项。

但是,您只能将PayPal StandardPayPal Express Checkout作为活动支付网关。 后者实际上与 PayPal Standard 非常相似,但它提供了额外的安全层。 它还允许用户在不离开您的网站的情况下付款。

可以在此处找到设置此付款选项的详细说明。

条纹

Stripe 是用户中另一种流行的支付方式,付费会员订阅也提供这种方式。

同样,以同样的方式激活Stripe插件。 您现在应该会看到在激活支付网关下列为选项的另外两个支付选项。

这两种 Stripe 支付选项——StripeStripe(支付意图) ——是相似的,但后者更安全并且是推荐的选项。 您还可以将 Stripe 设置为默认支付网关。

使用 Stripe 支付网关

您可以在此处找到 Stripe 支付网关的所有设置说明。

最后,使用我们上面讨论的所有付款选项,您可以选择为所有付款启用定期付款或自动续订。

接受使用不同付款方式的定期付款

创建订阅计划并添加产品

现在您已经设置了 WooCommerce 付款表格以及付款选项,是时候将两者合并了。 这将为您提供带付款功能的 WooCommerce 表单。

您需要有一个有效的订阅计划才能将付款选项添加到您的 WooCommerce 表单中。 但别担心,您可以使用付费会员订阅轻松创建一个。

点击付费会员订阅菜单下的订阅计划选项,然后点击添加新的。 从这里您将能够创建全新的订阅计划,然后您可以连接到您的 WooCommerce 产品。 这是有关如何执行此操作的指南。

完成后,滚动回顶部并单击屏幕右上角的“保存订阅”按钮。

将支付选项集成到 WooCommerce 表单中

如果您决定使用 Profile Builder 创建自定义的 WooCommerce 付款表单,您将在此处有另一个步骤。

您需要返回Profile Builder下的Form Fields选项。 然后单击顶部的选择一个选项下拉菜单。 现在单击那里的订阅计划选项。

填写所需的详细信息。 然后选择您的订阅计划。 最后,单击底部的添加字段按钮。

现在,无论您在何处显示此表单,您的用户都会看到付款选项。 如果您没有让 Profile Builder 自动为您创建注册表单,您需要复制注册短代码 - [wppb-register] - 并使用它创建一个页面。

这将是您的 WooCommerce 付款表格。 您还将在其中包含帐单、运输和其他相关字段。

但是,如果您没有使用 Profile Builder,而只是使用使用付费会员订阅创建的基本注册表单,那么您将只有有限数量的表单字段。 但是,您仍然可以轻松地通过表格接受付款。

这是我们仅使用付费会员订阅创建的 WooCommerce 付款表单的示例:

立即使用付款创建定制的 WooCommerce 表单!

创建自定义的 WooCommerce 表单可能既复杂又棘手,但如果您拥有功能强大且灵活的支付插件,则并非如此。

如果您将 Profile Builder 添加到组合中,您可以在表单自定义方面享受很多自由。 但是,如果您不需要自定义表单字段,则仅付费会员订阅将为您处理一切。

它将涵盖创建支持多种支付选项的功能性 WooCommerce 表单的各个方面。 正如我们上面解释的,它还支持定期付款。

那你还在等什么? 消除创建一个成熟的 WooCommerce 商店只是为了接受付款的麻烦,而是创建一个使用付费会员订阅付款的高效 WooCommerce 表单。

付费会员订阅专业版

从通过简单的 WooCommerce 表单使用多种付款方式接受付款到创建成熟的会员网站,Paid Member Subscriptions Pro 为您完成所有工作!

获取插件

或下载免费版

您对如何创建带有付款选项的 WooCommerce 表单还有疑问吗? 在下面的评论中让我们知道!