安裝同基礎設定
喺開始使用 WooCommerce 之前,確保你嘅 WordPress 環境已經準備好。呢個包括一個支援 PHP 7.4 或更高版本、MySQL 5.6 或更高版本嘅 Web 伺服器,同埋一個已經安裝好嘅 WordPress 核心。
安裝插件同設定精靈
首先,登入你嘅 WordPress 後台,導航到「插件」>「安裝插件」。喺搜尋框入面輸入「WooCommerce」,搵到官方插件然後撳「立即安裝」,安裝完成之後撳「啟用」。啟動之後,WooCommerce 嘅設定精靈會自動開始,引導你完成一系列嘅基礎設定。
導遊會依次問你商店喺邊度、用咩貨幣單位、賣啲咩產品(實體貨、數碼貨等)、收錢方式(例如 PayPal、Stripe、銀行過數)同埋送貨選項。建議喺呢個階段完成呢啲基本設定,佢哋會構成你網上商店嘅骨架。設定導遊完成之後,你可以喺 WooCommerce > 「設定」 菜單度隨時改返呢啲配置。
推薦閱讀 對於想提升網上商店效能嘅 WordPress 用戶嚟講,Woo。
配置核心商店設定
完成導遊之後,深入設定核心設定好重要。喺 WooCommerce > 「設定」 頁面,你會見到幾個標籤頁。
“「常規」標籤頁允許你設定商店地址、默認客戶位置同埋係咪啟用稅率計算。喺「產品」標籤頁,你可以配置產品測量單位、庫存管理選項(例如低庫存閾值)同埋係咪啟用評論。配送設置允許你創建配送區域,並為每個區域設定唔同嘅配送方式同費率,例如免費送貨、統一費率或者基於重量嘅運費。喺「支付」標籤頁,你可以啟用同配置具體嘅支付閘道,確保每個閘道嘅 API 密鑰同設定都正確無誤。
選擇同安裝主題
WooCommerce 同大多數 WordPress 主題兼容,但為咗獲得最佳嘅外觀同功能,建議揀選官方聲明支援或者專為電商設計嘅主題。好多現代主題,例如 Astra、OceanWP 或者 Storefront(由 WooCommerce 團隊開發),都提供咗深度集成同豐富嘅自定義選項。 WooCommerce 安裝並啟用主題之後,通常需要訪問主題嘅自定義工具(外觀 > 自定義)嚟調整商店頁面嘅佈局、顏色、字體同頁頭/頁尾設計。確保產品列表、單個產品頁面同購物車頁面嘅顯示效果符合預期。
安裝並激活主題之後,通常需要去主題嘅自訂器(外觀 > 自訂)度調整商店版面嘅佈局、顏色、字體同頁頭/頁尾設計。確保產品列表、單個產品頁面同購物車頁面嘅顯示效果符合預期。
產品管理與分類
高效嘅產品管理係電商營運嘅核心。WooCommerce 提供咗強大嘅工具嚟添加、組織同展示你嘅商品。
推薦閱讀 點樣喺 WordPress 度用 WooCommerce 建立強大嘅網上商店。
添加簡單同可變產品
喺 WordPress 後台,透過「產品」 > 「添加新產品」嚟創建你嘅第一個商品。產品類型主要分為「簡單產品」同「可變產品」。
簡單產品係單一 SKU 嘅商品。喺編輯頁面,你需要填寫產品標題、詳細描述,並設定產品數據框入面嘅價格、庫存 SKU、庫存狀態同埋配送重量等資料。記得上傳高質素嘅產品圖片同埋設定產品圖庫。
可變產品適用於有唔同屬性(例如尺寸、顏色)嘅商品。首先,喺「屬性」分頁度定義屬性(例如「顏色」),並加入屬性值(例如「紅色」、「藍色」)。跟住,喺「變體」分頁度,揀「從所有屬性建立變體」,系統就會產生所有屬性組合。之後,你可以為每個變體(例如「紅色-大碼」)獨立設定價格、SKU 同埋庫存。
管理產品分類同標籤
良好嘅分類有助顧客快啲搵到想要嘅商品。你可以喺「產品」>「分類目錄」度建立產品分類。分類係有層級嘅,例如「服裝」>「男裝」>「T恤」。喺新增或編輯產品嗰陣,可以喺右邊欄將產品分配到一個或者多個分類。
標籤(喺「產品」>「標籤」度管理)就用嚟描述產品嘅特定特徵,例如「夏季新品」、「有機棉」,佢哋係冇層級嘅,通常用嚟做關聯性篩選或者喺側邊欄顯示做雲標籤。合理使用分類同標籤可以顯著提升網站嘅導覽性同埋 SEO 表現。
設置庫存與下載
對於實體商品,喺「庫存」選項卡中管理庫存係至關重要嘅。你可以全局啟用庫存管理,並為每個產品設置庫存數量。當庫存較低時,可以啟用「低庫存閾值」通知。
推薦閱讀 WooCommerce 從入門到精通:打造專業網店嘅完整指南。
對於數碼產品或可下載產品(例如電子書、軟件),喺「產品數據」下拉菜單中選擇「可下載嘅產品」。然後,喺「可下載文件」部分添加文件,並可以設置下載限制同過期天數,以控制客戶存取已購買數碼內容嘅權限。
支付與配送整合
順暢嘅支付同可靠嘅配送係完成銷售嘅關鍵環節。WooCommerce 透過擴充同內置選項提供咗高度嘅靈活性。
集成主流支付網關
WooCommerce 核心自帶咗幾種基礎支付方式,例如「銀行轉帳」、「支票付款」同「貨到付款」。但係對於現代電商,整合線上支付閘道係必須嘅。
你可以喺「外掛」 > 「安裝外掛」度搜尋並安裝官方提供嘅支付閘道擴充,例如「WooCommerce PayPal Payments」或者「WooCommerce Stripe」。安裝啟動之後,喺 WooCommerce > 「設定」 > 「支付」中配置佢哋。以 Stripe 為例,你需要輸入發布密鑰同秘鑰密鑰(從 Stripe 賬戶獲取),並選擇接受嘅信用卡類型。確保喺測試模式下先用測試卡號完成交易測試,再切換到生產模式。
配置靈活配送選項
配送設定喺 WooCommerce > 「設定」 > 「配送」中。首先,你需要創建「配送區域」,例如「中國大陸」、「美國」。為每個區域添加具體嘅「配送方式」。
常見嘅配送方式包括:「統一費率」(對所有訂單收取固定運費)、「免費配送」(可設置最低訂單金額等條件)、「本地配送」(針對本地自提)。對於更複雜基於重量、體積或目的地嘅運費計算,可以安裝「Table Rate Shipping」之類嘅擴展插件。配置時,務必清晰地向客戶展示運費計算規則。
處理稅費同發票
如果你嘅商店需要徵稅,可以喺 WooCommerce > 「設定」 > 「常規」度啟用稅費,並喺「稅費」標籤頁進行詳細設定。你可以設定標準稅率、減免稅率,並根據客戶地址(開票地址或送貨地址)計算稅費。對於歐盟等地區,可能需要安裝附加插件嚟處理增值稅(VAT)嘅複雜性。
雖然 WooCommerce 本身會生成訂單詳情,但好多商家需要形式發票。你可以透過安裝好似「WooCommerce PDF 發票同裝箱單」呢類插件,為訂單自動生成同發送可自訂嘅 PDF 發票。
進階功能同效能優化
當商店基礎功能完善之後,透過高級功能同優化嚟提升轉化率同性能係下一步嘅重點。
擴充功能同會員制
WooCommerce 嘅生態擁有海量擴充,可以加幾乎任何功能。例如,透過「WooCommerce Subscriptions」可以銷售週期性訂閱產品(好似月刊雜誌)。用「WooCommerce Memberships」可以創建會員專區,限制部份內容或者產品只對會員開放。
另一個強大嘅擴充係「WooCommerce Bookings」,佢容許客戶預約會面、租用資源或者預訂服務時段。呢啲擴充通常透過掛鉤(好似 woocommerce_before_add_to_cart_button)同自訂模板檔案深度整合,提供無縫嘅用戶體驗。
自訂模板同子主題
為咗深度自訂商店外觀,你可能需要修改 WooCommerce 嘅模板檔案。但切記唔好直接修改插件核心檔案。正確嘅方法係創建一個子主題,然後將需要修改嘅 WooCommerce 將模板文件複製到子主題嘅相應目錄度。
例如,要修改單個產品頁面嘅結構,你可以將 plugins/woocommerce/templates/single-product.php 複製到你個子主題下面嘅 your-child-theme/woocommerce/single-product.php,跟住喺呢個副本度進行修改。咁樣就算 WooCommerce 更新,你嘅修改都唔會俾覆蓋。
效能優化最佳實踐
電商網站嘅加載速度直接影響轉化率。首先,揀個優秀嘅主機供應商,同埋考慮用專門嘅管理型 WooCommerce 託管。其次,一定要用緩存插件,例如 WP Rocket 或者 W3 Total Cache,同埋正確配置頁面緩存、物件緩存同瀏覽器緩存。
對於圖片,所有產品圖都應該經過壓縮(可以用 TinyPNG 或者 ShortPixel 插件)。啟用延遲加載(Lazy Load)可以防止產品圖庫一次過載入太多圖片。另外,定期清理資料庫中嘅過期暫存數據(可以透過 wp wc tool run delete_expired_transients 咁樣嘅 WP-CLI 指令),同埋用好似 Query Monitor 咁嘅插件嚟識別同優化慢速資料庫查詢。
摘要
WooCommerce 作為一個強大而靈活嘅開源電商解決方案,成功將複雜嘅網上商店功能整合到 WordPress 嘅易用環境中。由最初嘅安裝設定、細緻嘅產品管理,到無縫整合多種支付同送貨方式,佢為用戶提供咗建立專業級電商網站所需嘅全套工具。更重要嘅係,透過佢龐大嘅擴展生態同對程式碼嘅高度可存取性,商家可以根據自己嘅需求進行無限定制同功能擴展。跟隨性能優化最佳實踐,就能確保商店面對流量增長時依然穩定、快速。掌握 WooCommerce 嘅核心同高級功能,即係話你完全有能力喺 WordPress 上打造一個功能完備、用戶體驗卓越嘅網上商業平台。
常見問題
點樣改「加入購�車」掣上面啲字?
你可以加一小段代碼落去子主題嘅 functions.php 檔案度搞掂。用 woocommerce_product_add_to_cart_text 過濾器就可以改歸檔頁面個掣啲字,而 woocommerce_product_single_add_to_cart_text 過濾器就用嚟修改單個產品頁面嘅按鈕文字。
例如,以下代碼會將單個產品頁面嘅按鈕文字改為「立即購買」:
add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_single_add_to_cart_text' );
function custom_single_add_to_cart_text() {
return __( '立即购买', 'your-text-domain' );
} 可唔可以喺結帳時加自訂欄位?
可以㗎。WooCommerce 提供咗多種掛鉤嚟喺結帳頁面加欄位。最常用嘅係用 woocommerce_checkout_fields 過濾器。你可以透過佢向帳單地址、送貨地址或者額外嘅訂單備註部分加欄位,例如生日、公司名等等。
加嘅欄位資料會自動保存到訂單元數據度,你可以喺後台訂單詳情頁同埋俾客嘅通知電郵度睇到呢啲資料。如果係更複雜嘅邏輯同驗證,就可能要寫額外嘅處理函數。
產品圖片模糊或者尺寸唔啱點算?
呢個通常同主題或者 WooCommerce 嘅圖片尺寸設定有關。首先,請確保你上傳嘅原始圖片尺寸夠大、清晰度高。然後,去 WordPress 後台嘅「設定」>「媒體」頁面,檢查入面定義嘅圖片尺寸。
跟住,喺 WooCommerce >「設定」>「產品」>「顯示」選項入面,搵到「產品圖片」部分,呢度可以獨立設定目錄主圖、單產品主圖同細縮圖嘅尺寸。改完尺寸之後,你需要用「重新生成縮略圖」外掛(例如 Regenerate Thumbnails)嚟根據新尺寸重新處理所有已經上傳嘅產品圖片。
點樣建立只對登入用戶先睇到嘅產品或者價錢?
實現呢個功能通常需要用到會員類插件,例如官方擴展 WooCommerce Memberships。佢可以俾你創建會員等級,然後將特定產品或者分類嘅查看、購買權限分配俾某個等級。
如果需求簡單,亦都可以透過代碼實現。例如,用 woocommerce_is_purchasable 過濾器,根據用戶登入狀態嚟控制產品係咪可以購買。或者,喺模板檔案入面用條件判斷,當用戶未登入時,隱藏價格資訊並顯示提示登入嘅訊息。
下一步應該點做?
延伸閱讀及實用知識
以下內容與本文主題相關,適合進一步閱讀。一般而言,最好由與你目前問題最緊密相關的文章開始,然後逐步擴展到周邊主題。