如何将在线订单添加到 WordPress

已发表: 2021-02-01

您想要一种简单的方式将在线订单添加到您的 WordPress 网站吗?

当涉及到客户向您订购产品或食品的方式时,在线订单表格为您提供了更多的自由。 此外,它还切断了购物车,在结账过程中随时都有被遗弃的危险。

在本文中,我们将向您展示如何将在线订单添加到 WordPress。

将在线订单添加到 WordPress 的 6 个步骤

kali 表单 wordpress 插件

在本教程中,我们将使用 Kali Forms。 Kali Forms 是一个强大的 WordPress 联系表单插件,它使用直观、用户友好的表单构建器和整体干净的界面。 它的一些最值得注意的功能包括多页表单、收集付款的能力、预定义的模板和数十个表单字段。

Kali Forms 是一个免费增值插件,但如果您想收款、使用模板并访问其他功能,则需要高级许可证。 一个站点许可证的起价为每年 29 美元。 这将激活 PayPal 集成。 您需要升级到更高层之一才能激活 Stripe 集成。

在安装高级版之前安装免费版的 Kali Forms。 激活许可证后,请浏览要安装的扩展程序。 Kali Forms Submissions 和 Kali Forms Payments 扩展对于本教程尤为重要。

一旦您配置了更多设置以确保电子邮件可送达性,您就可以开始处理您的订单。

获取 Kali 表格

第 1 步:创建表单

Kali Forms 没有订单表单模板,因此首先通过转到Kali Forms → Add New创建一个新表单并创建一个新的空白表单。

kali 表单创建新表单

您将被直接带到表单生成器,您可以在其中开始添加所需的表单字段。

第 2 步:确定您需要收集哪些信息

并非所有订单形式都是平等的。 所有表格至少需要收集客户的姓名和电子邮件地址。 如果您销售实物产品,您也需要他们的地址。

自己决定是否需要客户的电话号码。 此信息对于销售立即交付的产品(例如食品配送)的企业最有用。

您还应该确定您的企业是否应该提供时间段来规定何时交付或准备好取货。

接下来,确定您销售的产品类型以及您希望如何在表单上销售它。 Kali Forms 有两个产品表单字段,一个用于单个产品,一个允许您选择多个变体之一。

这些表单字段旨在计算表单底部的订单总额,但如果您有变体,因为您将产品作为一个整体销售而不会花费额外的钱,您可能希望使用单个产品的组合表单域和基于选择的表单域。

最后,确定您希望如何接受付款:PayPal 或 Stripe。 幸运的是,Kali Forms 确实有两种选择。

第 3 步:将客户详细信息表单字段添加到表单构建器

您应该有一份需要在表格中包含的内容的清单。 现在,只需将它们转换为表单字段即可。 让我们从顶部开始,了解以下信息以及可用于创建它们的表单字段:

  • 名称- 文本框
  • 电子邮件地址- 电子邮件
  • 地址- 三个文本框
  • 电话号码- 电话

随意排除任何你不需要的东西。

将表单构建器中的字段拖放到右侧后,您将得到以下结果:

kali 形成客户信息

单击一个字段以编辑其各个属性。 对于这些字段,填写字段标题字段占位符属性就足够了。 不要费心填写描述,因为您分配给 Caption 属性的标签应该是不言自明的。

对于占位符属性,输入您希望客户输入的信息示例。 对于姓名,您可以输入“First and Last Name”、“John Doe”等。

此外,请务必为每个启用必需属性。

表格看起来有点长,所以请花点时间使用宽度调整工具(位于每个字段的垃圾桶图标下方)将姓名、电子邮件地址和地址字段缩短一点,以便您可以将它们并排放置.

结果应该看起来像这样:

kali 表单字段属性

让我们继续前进。

第 4 步:将表单拆分为多个页面

在您的最后一个客户详细信息字段下方添加分页符字段。 这会将您的表单分成多个页面,其中分页符之间的每个块代表一个新页面。

不用担心。 这些页面实际上并没有在浏览器中加载新页面。 当客户单击“下一步”按钮时,将简单地显示下一组表单字段。

在线订单表格因冗长而臭名昭著。 通过一次只展示一点信息来鼓励客户完成订单。

卡利表格联系表格

此外,请务必使用 Gutenberg Shortcode 块将表单的简码添加到页面,以便在整个构建过程中在前端查看它。

第 5 步:添加其他字段

使用您在第 2 步中头脑风暴的列表来确定您应该将哪些附加字段添加到您的表单中。 这些可能是日期时间选择器字段、复选框字段、下拉字段甚至是颜色选择器字段。

ProductMultiple Products字段是您将要用于将产品添加到表单的字段。 产品字段用于单个产品,它会自动将您收取的任何价格添加到总价格中。

多个产品字段允许您以不同的价格添加不同的产品或产品变体,您的客户可以选择他们想要购买的产品。 这可能是您销售的仅有的六种产品,相同的产品但有不同的变体、不同的捆绑包、不同的成分(如果您是餐厅)等。

kali 形成多个产品

多个产品字段没有多选选项,您的客户也不能添加多个数量,因此如果您希望他们能够购买更多,您需要添加另一个多个产品字段。 只需确保在您使用的每组附加产品字段中创建一个标有“无”且价格为 0 美元的空白产品。

在此之后添加一个文本区域,以便客户可以提供注释,然后在我们进入付款部分之前添加另一个分页符。

第 6 步:设置付款

在分页符下方添加总计字段,以便您的客户可以在付款前查看他们的总计。

打开设置页面。 转到付款设置 PayPal 和 Stripe 设置以设置 Stripe。 您也可以同时使用两者。 无论哪种方式,您都需要登录他们的仪表板来设置 API 密钥,然后在此处输入它们。

接下来,将它们各自的按钮添加到表单构建器中。 如果您尝试同时添加两种付款方式,Kali Forms 将为您提供两种付款方式。 如果您使用 PayPal,您还需要输入您的商家电子邮件地址。 如果您使用的是沙盒应用程序,这是为您提供的沙盒电子邮件地址。 如果您创建了实时应用程序,请使用您用于登录 PayPal 的电子邮件地址。

kali 形成 paypal 字段

浏览GeneralForm StylingSpam Protection部分并配置这些设置。 Kali Forms 还与许多流行的电子邮件营销平台集成,允许您发送客户收据和订单更新。

您可以通过在许可页面上安装 Newsletter 扩展、在 Kali Forms 全局设置的 Newsletter 部分中输入您的电子邮件营销平台的 API 密钥并在 Newsletter 部分中为您的个人表单配置设置来设置此集成。

现在,当然,在为您的表单创建一个页面并将其短代码添加到其中之后,您就可以开始接受付款并完成表单提交了。

卡利表格完成表格

让我们结束吧。

最后的想法

一旦您开始接收表单提交,您可以在 Kali Forms 设置的表单条目付款页面上查看它们。 如果您拥有高级许可证之一,您还可以通过 Google Analytics 跟踪用户行为。

请记住,您可以免费开始使用 Kali Forms。 PayPal 和主要电子邮件营销平台的集成可用最便宜的许可证,每年 29 美元。

获取 Kali 表格

披露:这篇文章包含附属链接。 这意味着如果您进行购买,我们可能会收取少量佣金。