如何安裝WooCommerce
當你使用WordPress搭建一個企業網站時，尤其是B2C企業賣貨網站（又或者叫做跨境電商），大概率會用到WooCommerce來管理產品、訂單、配送、收款等等。本系列的WooCommerce教學是基
2022-04-03
專注於企業網站架設，分享WordPress教學和Elementor教學
Menu
當你安裝了WooCommerce外掛後，可以跟隨外掛的安裝嚮導進行設置，嚮導將會幫你配置商城所必須的頁面，譬如賬戶、商店、結算等等，還可以幫你導入一些示例產品，作為初學者，建議不要跳過嚮導哦。
同時，十分建議選一個為WooCommerce設計的主題，優秀的主題能為你的商店帶來漂亮的外觀，還會附加一些增值功能，譬如我常用的是Woodmart主題。
當你使用WordPress搭建一個企業網站時，尤其是B2C企業賣貨網站（又或者叫做跨境電商），大概率會用到WooCommerce來管理產品、訂單、配送、收款等等。本系列的WooCommerce教學是基
在使用WordPress進行企業網站架設時，如果你的產品類目和產品較多，那使用WooCommerce來管理產品是提高效率的最佳選擇，本篇是WooCommerce教學系列之一，將詳細講解如何在WooComm
在使用WordPress進行企業網站架設時，如果你的產品較多，那使用WooCommerce來管理產品是提高效率的最佳選擇，本篇是WooCommerce教學系列之一，將詳細講解如何在WooCommerce中添加和管理產品。
如果你的企業網站架設的是零售商城，你很大可能會用到WooCommerce的可變產品，它是WooCommerce中的一種產品類型，允許你提供產品的一組變體，並控制每個變體的價格、庫存、圖像等。它們可以用
我們在企業網站架設時，如果搭建的是零售商城，譬如出售鞋子、衣服，那麼一定會用到可變產品色板選項功能，讓你的客戶可以直觀的選擇尺碼、顏色、樣式等等。本篇教學講解如何使用外掛Variation Swatches for WooCommerce實現產品色板功能。
在企業網站架設中，如果你做的是B2C dropshiping企業獨立站，那這款一鍵導入速賣通商品到你的WooCoommerce商店的外掛就非常棒了，它的名字是Aliexpress dropshipping
在使用WordPress架設網站時，如果你銷售實物的同時還提供電子文件，譬如賣實體書的同時還提供電子書，又或是像我一樣銷售主題、外掛、模板，那就能用上WooCommerce的可下載產品功能了。本篇是Woo
本文是B2B企業網站架設教學的內容之一，我將逐步介紹如何使用Elementor Pro製作woocommerce產品列表模板，下面進入正題。視頻教學2021/4/12更新視頻教學相關教學：如何用El
本文將逐步介紹如何使用Elementor pro製作woocommerce產品詳情頁模板，下面進入正題。 2021/5更新詳細的視頻教學下方是2021年寫的簡單版圖文教學點擊菜單：模板》添加新模板
使用ACF（advanced custom fields）外掛可以為woocommerce的產品分類、產品增加自定義字段，譬如視頻、QA等等，疊加運用Elementor Pro的模板功能，就可以製作進
WooCommerce產品分類和產品標籤側邊欄的樣式是跟隨主題設計的，通常沒有設計樣式功能。如下圖所示，它是我用Hello Elementor主題+ Elementor Pro製作的產品列表模板，在左
本視頻介紹如何用Elementor Pro付費版製作聯繫表單，如果你沒打算購買Elementor Pro，可以考慮用Ninja Forms來製作聯繫表單。
思路：用Elementor Pro製作產品詳情頁模板（single product）和詢盤表單彈出層（popup），在產品詳情頁模板上添加一個詢盤按鈕，將按鈕鏈接設置為dynamic調用popup即可
默認Woocommerce產品頁面是沒有詢盤聯繫表單的，用免費外掛Custom Product Tabs for WooCommerce可以給產品頁面添加詢盤聯繫表單標籤頁。下圖是添加完詢盤表單標籤
從收款角度來說，企業網站架設分為兩種，一種不需要客戶在線付款（屬於B2B企業網站，以獲得詢盤為目標），一種需要客戶在線付款（屬於B2C企業網站，多見於零售批發）。本篇是WooCommerce教學之一，介
本篇教學是針對Woocommerce的付費外掛Table Rate Shipping（運費費率表）的，我們在進行B2C的購物型企業網站架設時，可以使用到它配置複雜的運費計算規則。如果運費規則簡單，那可
這篇WooCommerce教學，我們使用WooCommerce自帶的免費的運費配置功能來講解如何設置運費。基本思路是：1.設置配送區域，2.向這些配送區域添加配送方法，3.在配送方法中添加運費費率。你
WooCommerce優惠券功能可以幫助我們向客戶發放折扣、優惠，能夠實現商品的促銷。如果想要使用WooCommerce優惠券功能，請按如下步驟啟用該功能： 進入: WooCommerc
WooCommerce簡碼（shortcode）可以讓我們將產品、購物車等內容加入到頁面或者文章中。我們在企業網站架設時，可以直接通過Elementor Pro的Product元素塊來配置產品的展示，但如
本文講述：如何用自定義css，隱藏WooCommerce購物車（cart）頁面的產品表中的某些列，譬如隱藏價格列（Price）、總計列（Subtotal）。請進入WordPress網站後台的菜單：外
我們在用WooCommerce進行企業網站架設時，如果銷售的某產品存在多種屬性且價格不同，那麼在產品列表和產品詳情中查看到該產品價格將會是一個區間，格式是：最低價~最高價。如果你希望在產品列表頁中僅展示產
WooCommerce小工具可以讓你在WordPress企業網站架設時，添加不同產品功能到頁面上，譬如展示最新產品、產品分類、搜索產品、產品價格篩選等等。如下圖所示，這些小工具位於WordPress後台
對於一些零散的小需求，可以使用Code snippet外掛添加代碼段來解決，這樣就可以少用一些外掛了。
我們在用WooCommerce進行企業網站架設時，如果銷售的某產品存在多種屬性且價格不同，那麼在產品列表和產品詳情中查看到該產品價格將會是一個區間，格式是：最低價~最高價。如果你希望在產品列表頁中僅展示產
我遇到一個問題：在WooCommerce產品列表的側邊欄中，Product tags標籤雲的tags顯示不全，後台有50多個標籤，但實際只展示了40多個，由於我是代碼手殘黨，所以找大佬要到了解決方案：
在使用WooCommerce的跨境電商獨立站中，如果你想在購物車和結算頁面向客戶展示它所加購的產品的總重量，那麼，可以在Code snippet外掛中插入下面的php代碼段，不需要任何額外外掛就能實現
在本教學中，我的目標是在WooCommerce商店、產品列表頁面中，在每個產品下方展示“庫存數量或狀態”。這跟在單個產品頁面顯示的庫存是完全一樣的，請前往/wp-admin/admin.php?pa
WooCommerce 結賬頁面的訂單審查部分顯示了產品名稱、數量和費用，但沒有產品圖像，產品圖像對於識別/區分相似產品或產品變體非常有用。這個簡單的代碼段將幫助你在訂單審查頁面中展示產品的特色圖片
我們已經學過瞭如何將前台的產品按有貨在先和無貨在後進行排序，但對於後台的管理員和商店經理來說，如何做到完全相同呢？有時商店存在大量“已售/無貨“的產品，產品表看起來亂亂的
我們已經講過如何在商店頁面上顯示產品的庫存數量和狀態，今天我們將對購物車頁面做類似的事情，以便我們可以直觀地向購物客戶顯示產品的庫存狀態和數量。 （見下圖） 請注意：為了使代碼段起作用，您必須在WooC
我們已經學到如何在WooCommerce Shop頁面的“默認排序“下拉菜單中添加一個自定義的“產品排序“選項。然而，我所面臨的任務是根據一個
如果你的運費取決於產品的重量，可能也會出現忘記給某些產品添加重量的情況，這樣一來，在WooCommerce結賬頁面上，運費可能就要被少算了。因此，我們看看如何在WordPress儀表板>產品列
我們之前已經說過：如何完全刪除WooCommerce 商店、產品列表頁面中顯示的“默認排序”下拉選項。但是，有時你可能只需要刪除默認選項中的一個，或者重命名這些選項，甚至是添加新的排序選項。像往常
如果WooCommerce的產品排序功能對你而言是沒用的（即下圖中的default sorting下拉選項），你可能想把它從頁面上刪除。接下來這個PHP 代碼段簡直比CSS還簡單清爽，你只
