奶爸多次碰到在使用WordPress建站的網(wǎng)友在WooCommerce設計上踩坑，所以更新了這篇WooCommerce教程，希望幫小白能少走彎路。

首先需要明確的是，使用WooCommerce可以搭建B2C在線商城，也可以做B2B普通的商品詢盤網(wǎng)站。

新手常見誤區(qū)糾正

這個理解是不準確的，WooCommerce確實是做在線商城的，但是實際上只要去掉它的銷售功能之后，也可以單純的只做商品管理和展示，用到B2B網(wǎng)站上使用。

其實很多小白來說，用elementor pro去自己創(chuàng)建WooCommerce的布局比直接用默認的布局來調(diào)整，難度要大的多，正常的B2B網(wǎng)站直接用WooCommerce默認模板就可以實現(xiàn)了，經(jīng)常碰到用Elementor Pro創(chuàng)建商品布局碰到問題然后問奶爸怎么解決的情況。

WooCommerce安裝教程?

WooCommerce是WordPress平臺下的一個插件，所以安裝方法跟其他插件一樣，只需要自己在WordPress后臺的插件里面搜索安裝即可。

安裝完畢后啟用插件。

第一次安裝WooCommerce并且啟用之后，會跳轉(zhuǎn)到設置引導界面，如果你是B2C需要，那么跟著向?qū)гO置完畢就行。如果你是B2B用戶，那么直接跳過就可以了。

WooCommerce產(chǎn)品分類

安裝完畢WooCommerce之后，我們就需要去后臺產(chǎn)品菜單下創(chuàng)建產(chǎn)品分類，如下圖所示：

產(chǎn)品分類創(chuàng)建的時候，填寫好Name，選擇是否需要Panent category然后添加就可以了。

WooCommerce添加產(chǎn)品

創(chuàng)建完產(chǎn)品分類后我們就可以上傳第一個產(chǎn)品了，在產(chǎn)品處點擊新增產(chǎn)品。

接著填寫上產(chǎn)品的標題、描述、分類和圖片這些信息后發(fā)布。

具體填寫的地方參見上下兩張圖的注釋，B2B客戶只要不填寫產(chǎn)品價格，就不會顯示購物車按鈕，如果你使用的主題依然會出現(xiàn)購物車按鈕，請參見此文：刪除和隱藏WooCommerce添加到購物車按鈕的幾種方式

發(fā)布之后可以訪問產(chǎn)品前臺頁面查看下效果。

網(wǎng)站前臺怎么查看商品匯總頁？

很多人就是不知道怎么把默認的商品匯總頁弄出來，所以就想著是不是要用Elementor Pro去創(chuàng)建商品模板頁才行，其實只需要這么操作就可以了。

默認的，安裝WooCommrce插件完畢之后會自動生成并且設置一個商城頁面shop

這個時候只需要把這個頁面的鏈接添加到你導航菜單里面，就可以通過訪問這個網(wǎng)址查看到商城頁面了。

如果你的這個頁面沒有，那么也很簡單，跟著下面的步驟操作即可。

如何為單獨的分類創(chuàng)建產(chǎn)品匯總頁？

單獨的產(chǎn)品分類匯總頁面也不需要你去用頁面創(chuàng)建，直接切換到后臺的產(chǎn)品分類處，鼠標移動到分類名稱上，有一個查看鏈接，復制那個鏈接就行了。

相關(guān)知識

老爸的減肥藥經(jīng)驗分享，記得做筆記哦
女人減肥日記隨筆
親子共讀讀書筆記（通用43篇）
親子共讀讀書筆記（精選31篇）
準爸爸陪產(chǎn)謹記十原則
塑造法十日談——泥塑人體課程教學筆記
從三位“奶爸”的故事看家庭育兒
《準爸爸讀胎教故事》
一站式了解早教課程
準爸爸陪產(chǎn)要牢記 – 揭陽市婦幼保健院【官網(wǎng)】

網(wǎng)址: WooCommerce教程 – 奶爸建站筆記 http://m.u1s5d6.cn/newsview329993.html