创建可打印的 WooCommerce 订单以离线使用

可打印的 WooCommerce 订单表单插件

我们的 WooCommerce 产品表插件是最流行的订单表单插件之一。 自从我们关于如何创建 WooCommerce 订单表格的教程发布以来,很多人问我们如何创建可打印的 WooCommerce 订单表格,让他们的客户可以离线填写。

当我第一次听说人们想以这种方式使用插件时,我感到很惊讶。 毕竟,大多数 WooCommerce 网站都在线接受订单! 但是,我完全理解每个人使用 WooCommerce 的方式都不同。 您可能想在您的网站上列出产品,同时让客户打印订单并用老式的笔和纸填写,有很多正当理由。 他们可以通过邮寄、传真的方式将其发送给您——无论他们喜欢什么。

好消息是 WooCommerce 产品表的功能与打印的离线订单相同。 继续阅读以了解如何以这种方式进行设置。

可打印的订单表格在 WooCommerce 中的工作原理

使用可打印的订单,您可以像往常一样设置 WordPress 网站并安装 WooCommerce。 在 WooCommerce 中添加您的所有产品。

如果您只打算离线接受订单,则无需设置任何运输选项、税务设置或支付网关。 您只需添加产品和价格。

WooCommerce 产品表插件获取您的产品并以精美的订单布局显示它们。 每个产品都显示在表格视图中,每行 1 个产品 – 就像传统的订单表格一样。 您可以选择要在订单中包含哪些数据,例如产品图片、名称、简短描述、价格、重量、尺寸等。您还可以使用自定义字段和分类法在可打印的订单中显示额外的数据。

客户在您的网站上查看订单,然后单击按钮打印。 这将打印整个网页,包括表格中的所有产品以及您添加到页面的任何其他字段,例如它们的名称、地址和付款详细信息。 接下来,他们只需在纸上填写订单,然后发送给您。 您收到打印的订单表格并手动处理。

继续阅读以了解如何为您自己的网站创建 WooCommerce 可打印订单。

WooCommerce 离线订单表单插件

1.设置 WooCommerce 产品表

要创建可打印的 WooCommerce 订单,首先获取 WooCommerce 产品表并按照我们主要订单教程中的说明进行设置。 有很多方法可以设置您的订单。 例如,您可以选择您的列以及是显示您的所有产品还是仅显示其中的一部分(例如,基于类别)。

设置基本订单后,请返回并使用以下步骤将其转换为离线订单以进行打印。

2.用复选框替换添加到购物车按钮

默认情况下,WooCommerce 订单表单插件在表格中的每个产品旁边都有一个添加到购物车按钮。 这对于在线订购来说很好,但如果您离线使用订购单则不起作用。

相反,请转到插件设置页面(WooCommerce > 设置 > 产品 > 产品表) 并为添加到购物车按钮选择“复选框”框选项。

这会将添加到购物车按钮更改为复选框。 每个按钮旁边都有一个小复选框。 打印 WooCommerce 离线订单表后,客户可以在框中为他们希望订购的每个产品打勾。

3.线下订单添加数量字段

WooCommerce 产品表带有一个数量字段,您可以将其包含在打印的订单表格中。 但是,这并不理想,因为它有向上/向下箭头(显然不能离线运行)并且默认情况下在框中有一个“1”。

以下是有关如何向 WooCommerce 离线订单添加数量字段的一些建议:

  1. 您可以编写一些 CSS 来隐藏向上/向下箭头并从框中删除默认数量。
  2. 或者,您可以使用 WooCommerce 产品附加组件插件在每个产品的添加到购物车复选框旁边添加一个文本字段。 该插件与 WooCommerce 产品表完全集成,并将自动出现在添加到购物车列中。 将此字段标记为“数量”,客户将在框中填写所需数量。 (提示:如果您想让数量框更小,请使用“宽度”选项来减小添加到购物车列的大小。)
WooCommerce 订单表单数量字段插件

4.隐藏“将选定的添加到购物车”按钮

这是本教程中唯一有点技术性的部分。 如果您使用“添加到购物车”复选框,则表格上方将显示“将所选内容添加到购物车”按钮。 这是在线订购的理想选择,但对于可打印的离线订购单则不需要。

如果您不想要“将所选内容添加到购物车”按钮,则可以通过向定制器添加一些自定义 CSS 来隐藏它。 为了帮助您入门,这里是 WooCommerce 产品表开发人员文档中 CSS 选择器的链接。 这是一项开发人员任务,如果您不知道如何执行此操作,那么我们建议您在 Codeable 上发布工作。 Codeable 非常适合为这样的小型定制寻找合适的人。

5. 将您的所有产品显示为一页订单

默认情况下,WooCommerce 订单表单插件每页最多显示 25 个产品。 如果您有超过 25 个产品,则分页链接将显示在底部。 客户可以使用这些链接查看剩余的产品。

这种安排对于打印的 WooCommerce 订单没有意义,因为只有可见的产品才会出现在打印输出中。 相反,返回插件设置页面(WooCommerce > 设置 > 产品 > 产品表)。 更改“每页行数”选项以确保您的所有产品都显示在一个屏幕上。

6.隐藏订单表单控件

WooCommerce 产品表在 WooCommerce 订单表格的上方和下方添加了各种控件。 在产品列表上方,您会看到一个搜索框和一个下拉菜单,客户可以在其中选择每页的产品数量。 在订单下方,您将看到分页按钮和产品总数。 对于离线订单,这一切都没有意义!

使用插件设置页面将这些选项中的每一个设置为“假”。 您的可打印 WooCommerce 订单表应包含列标题和产品列表,但仅此而已。

出于同样的原因,请确保您的页面是全角的——您的主题可能有一个模板。 无需使用无法脱机工作的过滤器小部件等附加功能来弄乱您打印的订单表格。

7.在订单表格中添加空列

你需要一个空白栏来写关于每个产品的笔记吗? 为此,请在您的产品表中添加一个空白列,客户可以在打印时填写该列。

为此,只需添加 cf:notes 到您的列列表。 这告诉 WooCommerce 产品表显示一个名为“注释”的自定义字段 – 但由于此自定义字段不存在,该列将保持空白。 简单的!

如果您不想将列称为“注释”,则将“注释”替换为您喜欢的任何内容 – 只要它不存在,它就会显示为空白列。

8. 将其他字段添加到可打印的 WooCommerce 订单表格

传统印刷目录中的订单表格具有供客户填写姓名、地址和付款详细信息的字段。 您可以在可打印的订单表格的产品表上方或下方轻松添加这些字段。 只需安装任何 WordPress 联系表单插件(例如 联系表格 7),创建一个包含必填字段的表单,并将其添加到订单表单页面。

请记住删除提交按钮,因为人们不会在线提交表单。

9. 使订单可打印

人们可以使用浏览器附带的“打印”选项轻松打印订单。 但是,您可以通过在可打印的订单页面上添加一个用户友好的“打印”按钮来帮助您不太懂技术的客户。

您可以通过安装免费的 PrintFriendly 打印、PDF、电子邮件 插入。 这个简单的插件为您的订单添加了可自定义的按钮,让您的客户单击以打印友好的布局中的页面。

进一步阅读:打印您的 WooCommerce 产品表并另存为 PDF

10. 使其用户友好

您可以将可打印的 WooCommerce 订单表格用作多功能表格,人们可以在其中在线订购,或将其打印并发布给您。 如果您只是将其用作离线订单,那么确保您的用户清楚这一点是值得的。

当人们看到您在线列出的产品时,他们需要清楚您只接受离线订单。 您可以通过在页面顶部添加通知来轻松实现此目的。 这应该指示客户打印订单表格页面,详细说明他们如何提交订单(例如通过邮寄给您)。

WooCommerce 快速查看 Pro 没有添加到购物车按钮

可打印订单的目的是将所有内容保存在一页上。 您不希望客户点击进入单独的页面以了解有关每种产品的更多信息。 这很重要,因为这会丢失他们已经在订单上做出的选择——这是一种让客户感到沮丧的保证方式。

但是,如果您想提供不属于可打印订单的额外信息,会发生什么?

解决方案是安装我们的另一个插件 WooCommerce Quick View Pro。 这使您可以将快速查看链接添加到您的产品。 客户可以单击这些以在灯箱窗口中查看有关产品的额外图像和信息。 当他们关闭灯箱时,他们仍保留在可打印的订单页面上,因此他们不会丢失选择或必须重新开始。

如何添加 WooCommerce 快速查看

  1. 安装并激活 WooCommerce Quick View Pro WordPress 插件。
  2. 进入插件设置页面: WooCommerce → 设置 → 产品 → 快速查看.
  3. WooCommerce 快速查看插件设置页面

    添加您的许可证密钥并选择要在快速查看窗口中显示的内容。 如果您要向可打印的 WooCommerce 订单表添加快速视图,那么我建议您显示产品图片库和简短描述等信息。 这是客户在选择产品和发送订单之前希望看到的东西。 但是,您可能不想包含“添加到购物车”按钮,因为它是离线订单并且您没有使用电子商务功能。

  4. 现在进入 WooCommerce 产品表设置页面: WooCommerce → 设置 → 产品 → 产品表.
  5. 滚动到底部以找到 WooCommerce 快速查看选项。 勾选以快速查看替换单个产品页面的所有链接的选项。 这比添加实际的快速查看按钮更适合可打印的订单。 毕竟,您不希望快速查看按钮显示在打印的订单表格上! 通过将产品名称和/或图像链接到快速视图,这些不会显示在打印的订单上。
WooCommerce 快速查看 Pro 产品表设置

从哪里获取插件

如您所见,WooCommerce 产品表非常适合创建可打印的 WooCommerce 订单以供离线使用。 客户可以查看您网站上列出的产品并打印页面。 然后,他们可以勾选他们需要的产品并为每个产品写下所需的数量。 最后,他们可以填写详细信息,并将订单发布给您。

这是使用 WooCommerce 进行手动订单的绝妙方式。 我想添加一些示例用例和案例研究,说明人们如何使用 WooCommerce 提供离线订单。 请联系或在下面添加评论。

  如何将可定制的产品构建器添加到 WooCommerce

类似文章