2023 年 WooCommerce 前端产品提交的明确指南

已发表: 2022-04-13

希望在您的市场上启用 WooCommerce 前端产品提交功能？ WP User Frontend 插件允许第三方供应商或供应商从前端添加数字产品。

但是，如果您使用 Dokan 来构建您的市场，您将默认获得供应商的前端功能。不过，您可以使用 WP User Frontend 扩展或个性化设计和自定义选项。

今天我们将带您了解如何使用 WP User Frontend 创建交互式表单，以便注册会员可以轻松地从前端上传产品。这样您就不需要共享您的后端访问权限。

您应该允许为您的市场提交 WooCommerce 前端产品的原因

作为管理员，您可能希望将电子商务商店的某些部分或功能带到前端。不幸的是，使用 WooCommerce，您无法从前端添加和管理产品、订单、优惠券等。

但是您可以使用 WP User Frontend 插件轻松完成。它使您能够创建一个前端界面，以便用户可以在您的 WooCommerce 支持的网站上发布和管理产品。

您应该允许供应商从前端上传产品的原因有多种。例如-

流畅的用户体验

对于非技术供应商来说，WordPress 后端可能有点复杂。您可能已经添加了一些只有精通技术的人才能处理的功能。相反，最好包含一个用于上传产品的前端提交表单。

管理用户角色

通过商店经理角色，产品供应商可以访问 WooCommerce 中的所有设置。但作为市场所有者，您可能希望对某些用户限制某些功能。因此，您的在线商店需要一个前端解决方案。

阅读更多：如何在您的 WordPress 网站上添加自定义用户角色。

表单自定义选项

在后端，用户将获得默认产品字段以将产品上传到他们的商店。遗憾的是，您无法更改这些后端产品字段。但是使用前端插件，您可以轻松创建交互式产品表单并根据您的业务需求显示必填字段。

随着竞争日益激烈，为了经营一个成功的电子商务网站，您必须保持简单。然而，对于市场来说，情况有点棘手。因为您必须兼顾客户体验和轻松的供应商交易。因此，您应该使用 WP User Frontend 来简化流程，最大限度地减少额外费用，并利用前端发布。

阅读更多：为什么以及如何为 WooCommerce 添加前端提交。

如何使用 WP 用户前端将产品上传到 WooCommerce 前端

WP User Frontend 是一个功能强大的前端发布插件。它具有自定义帖子类型的动态表单构建功能。使用其自定义分类法和元键功能，您可以轻松建立前端界面来发布和管理 WooCommerce 支持的网站的产品。

在下面的教程中，您将学习如何使用 WP User Frontend Pro 从前端上传 WooCommerce 产品-

先决条件：

WordPress（假设您已经安装了它）
WP User Frontend Pro（已安装并激活）
WooCommerce 插件（已安装并激活）
发布元检查器（附加字段可选）

激活 WPUF 和 WooCommerce 后，WPUF 将自动从 WooCommerce 捕获分类法、元数据和帖子类型。现在，如果您对后端 WooCommerce 表单的默认设计不满意，是时候通过创建前端表单来上传产品来打破单调了。

您可以使用 WPUF 表单创建许多有用的功能，并只需使用短代码即可将表单添加到页面。

在让您的供应商/用户开始使用 WPUF WooCommerce 表单上传产品之前，您需要 3 页 -

一个上传页面：用户创建产品的主页。
一个仪表板页面：供应商可以看到他们通过表单提交的所有产品。
一个编辑页面：如果管理员允许用户，用户将使用此页面编辑或更新上传的产品。

今天您将学习使用 WP User Frontend 构建所有这些页面。

我们将教程分为两部分：

第 1 部分：创建 WooCommerce 产品上传页面
第 2 部分：创建用于管理 WooCommerce 产品的其他必需页面

第 1 部分：创建 WooCommerce 产品上传页面

首先，我们必须创建一个 WooCommerce 产品表单。以前，用户需要手动构建表单。但是新的 WP User Frontend 带有许多高级特性和功能来扩展用户体验。只需按照以下步骤创建 WooCommerce 产品表单并自定义字段 -

第一步：设计前端 WooCommerce 产品上传表单

导航至 – WP 仪表板 → 用户前端 → 发布表单 → 添加表单
单击 WooCommerce 产品模板。它将自动创建一个包含所有必填字段的 WC 产品表单。稍后您可以根据需要删除或编辑任何字段。
接下来，转到“设置”选项卡并选中“禁用订阅”。 [如果您希望此表格对您的订阅包可见，请跳过此选项]
单击表单 ID 并复制表单简码。
现在，将短代码粘贴到新页面/帖子。
完成后，您将获得自己的前端 WC 产品上传表单。

查看此视频以更详细地了解该过程-

重要说明：目前您无法使用 WP User Frontend Pro 从前端创建可变产品。

第 2 步：将自定义字段类型添加到您的 WooCommerce 表单

让我们向您展示如何包含自定义表单字段，以便您的用户可以上传图片库、可下载产品等。

1. 图片库

以前，用户必须包含自定义代码才能为 WooCommerce 产品上传页面获取图片库。但在最新版本的 WP User Frontend 中，您会在产品上传表单中默认找到图片库字段。因此，您不需要做任何额外的事情。

2. 可下载产品

新的 WooCommerce 产品表单模板也有可下载产品的字段。因此，您还可以允许您的用户使用产品创建表单上传可下载的产品。从右侧的自定义托盘中，您可以选择可下载产品的文件类型。

3.自定义分类法

您还将获得为 WooCommerce 添加自定义分类法的选项，例如product_type 、 product_cat 、 product_tag 、 product_shipping_class 。如果您希望用户在上传时设置这些字段，请添加产品类型（简单、变体、可下载等）、类别、标签和运输类别。