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 。如果您希望用戶在上傳時設置這些字段，請添加產品類型（簡單、變體、可下載等）、類別、標籤和運輸類別。