WooCommerce是WordPress最受歡迎的電子商務解決方案。它擁有超過400萬次活躍安裝,以及一群快樂、忠誠的數字商店所有者。
此外,截至2019年6月,WooCommerce為大約7%的線上商店和22%的前100萬個電子商務網站提供支援。電子商務銷售正在蓬勃發展,因此,如果您想在WordPress驅動的網站上開店,那麼選擇WooCommerce是您可以做出的最佳決定之一。
剩下的唯一問題是:如何讓WooCommerce啟動並執行您的網站?為了回答這個問題,我們整理了一個廣泛的WordPress WooCommerce教學。
請記住,您的最終目標是增加商店的收入。
WooCommerce可以免費使用嗎?
WooCommerce是一個開源購物車外掛,可在WordPress網站上免費下載和使用。然而,經營線上商店並不是免費的,因為至少會產生與託管和域名費用相關的成本,以及定製、設計、品牌、營銷和廣告成本。
如何安裝和設定WooCommerce
自然,您需要從安裝和啟用WooCommerce外掛開始。您可以在新的或現有的WordPress網站上執行此操作。在以下步驟中,我們將引導您完成設定外掛和配置其設定的過程。
第1步:安裝外掛
您需要做的第一件事是在您的網站上安裝WooCommerce。您可以從WordPress外掛庫免費下載它,然後將其上傳到您的站點。更簡單的是,您可以直接通過 WordPress儀表盤安裝它。
WordPress外掛-WooCommerce
為此,請訪問您的WordPress站點並導航到Plugins > 安裝外掛。使用搜尋欄找到“woocommerce”,找到合適的外掛後單擊立即安裝。外掛作者應列為 Automattic:
安裝WooCommerce
給外掛一點時間來安裝。然後,單擊啟用按鈕:
啟用WooCommerce
此時,該外掛將在您的網站上啟動並執行!
第2步:訪問設定嚮導
安裝WooCommerce後,系統會提示您完成設定嚮導。它是可選的,但我們建議您通過它來配置一些關鍵設定。
WooCommerce設定嚮導的第一頁應如下所示:
WooCommerce商店設定頁面
在這裡,WooCommerce提示您輸入一些關於您的商店的基本資訊。這包括它的地址、您想使用的貨幣以及您是否計劃銷售數字產品或實體產品(或兩者兼而有之)。
請記住,您在此處(或整個設定嚮導的其餘部分)設定的任何內容都可以稍後在您的WooCommerce設定中進行更改(如有必要)。
第3步:選擇您的支付工具
在下一頁上,您可以決定為您的線上商店啟用哪些付款。預設情況下,您可以使用Stripe和/或PayPal以及支票和現金等離線支付:
WooCommerce支付頁面
只需選擇您想要使用的選項,WooCommerce就會設定它們。您還可以使用擴充套件程式向您的商店新增更多支付處理器,我們將在稍後討論。
推薦閱讀:如何使用Stripe Radar預防和減少98%的信用卡欺詐
使用Square代替?檢視我們的深度比較博文:Stripe vs Square。
第4步:配置您的運輸選項
接下來,您將找到Shipping螢幕:
WooCommerce運輸頁面
在這裡,您可以決定向客戶收取多少運費。您可以為首選區域設定一種費率,為位於其他位置的客戶設定另一種費率。如果您願意,您還可以為一組或兩組提供免費送貨服務。
第5步:檢視可選附加元件
至此,您已經為線上WooCommerce商店配置了所有基礎知識。設定嚮導的下一頁為您提供了一些可選的附加元件:
WooCommerce推薦頁面
所有這些工具都可以派上用場,儘管它們都不是執行您的線上商店所必需的。我們建議至少檢查一下Storefront。這是專為WooCommerce設計的WordPress主題,可以讓您更快、更輕鬆地設定您的商店。
第6步:安裝Jetpack外掛(可選)
以下螢幕還提供了一個可選的附加元件:
WooCommerce啟用頁面
Jetpack是一個方便的WordPress外掛,提供了廣泛的功能。這包括安全功能、各種分析等等。它可能是對您的WooCommerce商店的有用補充,但不是必需的 – 所以您是否要安裝它取決於您。
第7步:完成設定過程
您的WooCommerce商店現在已準備好了:
WooCommerce就緒頁面
您會在此處找到許多有用的連結。您可以將產品匯入您的商店,返回您的WordPress儀表盤,或編輯您剛剛配置的設定。
然而,最有可能的是,您現在想要做的是開始新增產品。要繼續關注我們的WordPress WooCommerce教學,請繼續並選擇立即建立產品。
在WooCommerce中新增和管理新產品
安裝WooCommerce後,您會在儀表板的側邊選單上找到兩個新選項卡。這些被稱為WooCommerce(您的常規設定區域)和Products(您的產品設定區域)。
要開始設定您的線上商店,您可以點選設定嚮導末尾的連結或轉到Products > Add New。無論哪種方式,這將使您能夠使用熟悉的WordPress編輯器新增您的第一個產品:
新的WooCommerce產品示例
您要做的第一件事是建立產品的標題和簡短描述。以下是實時預覽中的標題和描述:
WooCommerce產品標題和描述
完成此操作後,您還需要將有關新產品的資訊新增到WordPress。在接下來的幾節中,我們將看看如何做到這一點。
為您的產品新增關鍵細節
如果您在帖子編輯器下方向下滾動,您會看到在常規帖子或頁面上找不到的兩個新小部件。第一個是Product data部分:
WooCommerce產品資料部分
在這裡,您可以新增有關您的產品的各種詳細資訊。在最頂部,您可以選擇產品是否是虛擬的(這會刪除“Shipping”選項卡)以及是否可下載。然後,在“General”選項卡中,您可以輸入常規價格和銷售價格(銷售可能是時間敏感的)。
如果您正在銷售數字產品,您還必須上傳要購買的檔案,自定義下載限制(留空以將其標記為無限),並設定下載期限(留空以使其永久可用):
WooCommerce可下載的產品選項
接下來,在“Inventory”選項卡中,您可以通過輸入產品數量、庫存狀態(有/無庫存)以及是否允許延期交貨來管理您的庫存:
WooCommerce庫存選項卡
此外,您可以將產品標記為單獨銷售,這意味著一個訂單中只能購買一個。如果您有產品的SKU(識別號),您也可以在此處輸入。
這裡還有許多其他有用的選項卡。Shipping部分將使您能夠輸入物品的重量、尺寸和運輸等級。在Linked Products選項卡中,您可以新增追加銷售和交叉銷售,而Attributes使您可以描述產品的特徵。
最後,在“Advanced”選項卡中,您可以輸入自定義購買說明,在選單中為產品設定一個位置,並啟用或禁用評論。如果您願意,還可以在“Get more options”螢幕下檢視推薦的擴充套件。
建立屬性和變數產品
如您所見,有很多選項可以為您的WooCommerce產品新增詳細資訊並完全自定義它們。讓我們仔細看看Product data部分中兩個最有用的選項——屬性和可變產品。
屬性是您產品的關鍵描述符,它們告訴潛在客戶有關它的重要資訊。這可能包括物品的顏色、製成的材料、尺寸或型別等等。如果您在“Attributes”選項卡中將這些詳細資訊新增到您的產品,它們將出現在產品頁面上:
具有屬性的WooCommerce產品
無論您銷售的是哪種型別的產品,屬性都有助於以簡潔的方式傳達重要特徵。但是,如果您還銷售有多種選擇的商品怎麼辦?為此,您可以選擇Variable product選項:
WooCommerce變體選項卡
這將使您能夠訪問新的“Variations”選項卡,您可以在其中使用已分配的屬性建立產品的多個版本。例如,假設您提供紅色、綠色和紫色的襯衫。您可以為每種顏色新增變體,然後為每種顏色提供獨特的描述、價格等。
您的客戶將能夠在產品頁面上看到所有可用的變體:
多個SKU的WooCommerce產品
這使訪問者可以輕鬆一目瞭然地檢視您提供的所有內容。另外,這意味著您不必為同一專案的細微變化建立單獨的產品頁面。
自定義您的產品簡短描述
在Product data小部件下方,您還會找到一個標有Product short description的部分:
WooCommerce產品簡短描述小部件
在這裡,您可以建立一個簡潔的標語,該標語將顯示在產品標題下方。您可以使用此描述來突出商品的主要優勢,並結合一個或多個關鍵字來幫助客戶在搜尋中找到它。
自定義產品資料和描述後,不要忘記檢視產品頁面上的其他選項。您可以為您的產品新增標籤,將其放在一個類別中,幷包含特色圖片甚至整個圖片庫。
這是您的最終產品在前端的樣子:
WooCommerce中的示例產品
一旦您的產品準備就緒,請點選釋出以使其在您的網站上釋出。然後,您可以根據需要重複此過程以建立其他產品。
管理您的WooCommerce產品
您可能會在您的WooCommerce商店中包含許多商品,這意味著您需要一種簡單的方法來管理它們。幸運的是,您可以通過儀表板中的“Products”選項卡執行此操作。
例如,您可以選擇All Products以檢視當前在您的商店中列出的每件商品。您可以根據需要在此處新增、編輯和刪除產品:
WooCommerce產品
在“Products”部分下的其他頁面中,您可以檢視您的產品類別、標籤和屬性。這些頁面中的每一個看起來都像標準的WordPress的 文章 > 類別頁面,可以幫助您保持整個庫存井井有條。
如何自定義您的WooCommerce商店
在我們之前的WooCommerce教學中,您為線上商店配置了一些基本設定。但是,您可以在新的WooCommerce選項卡中找到更多選項。
在這裡您可以檢視訂單、優惠券和報告,以及自定義設定和新增新的擴充套件。讓我們一一瀏覽每個螢幕。
訂單
首先,“Orders”頁面會顯示您商店最近購買的列表:
WooCommerce訂單頁面
如果您銷售數字產品,除了檢視最近購買的商品外,沒有什麼可做的。但是,如果您銷售實物商品,您可以在這裡找到需要運送的產品以及訂單狀態。
優惠券
WooCommerce 有幾個有用的選項可用於向您的電子商務商店新增新優惠券。在Coupon選項卡中,您可以選擇建立您的第一張優惠券以訪問編輯螢幕:
建立WooCommerce優惠券
您可以在此處新增優惠券程式碼和說明。然後,“General”選項卡可讓您編輯其基本資訊:優惠券型別(百分比折扣、固定購物車折扣或固定產品折扣)、其價值、免費送貨選項及其有效期:
使用限制螢幕
在Usage Restrictions下,您可以設定客戶為驗證優惠券而必須支付的最低消費。僅當您不希望客戶將優惠券與其他優惠一起使用時,您也可以選中Individual use only框。
您可以在此處設定優惠券是否僅適用於非銷售商品,還可以選擇優惠券適用的產品和產品類別。最後,您甚至可以禁止某些電子郵件地址使用優惠券。
最後一個選項卡“Usage Limits”使您能夠確定優惠券可以使用的次數,包括總體使用次數和每位客戶的使用次數。然後,只需釋出您的優惠券以使其生效,並讓您的客戶知道他們需要的程式碼。
報告
WooCommerce還提供強大的內建跟蹤功能。在Reports選項卡中,您可以檢視不同時間段內的銷售、訂單和運輸成本的圖表:
WooCommerce報告選項卡
每個圖表都可以限制為特定產品、類別或優惠券的銷售情況。在Customers子選項卡中,您還可以檢視同一時間段內的客戶獲取情況。
最後但同樣重要的是,您可以在“Stock”子選項卡中檢視庫存不足、缺貨和庫存最多的產品。如果需要,所有這些資料都可以匯出為CSV表。
設定
這就是WooCommerce真正令人印象深刻的地方。在“Settings”螢幕中,您幾乎可以自定義電子商務商店的各個方面。諸如“千”分隔符的位置、整個結帳流程、電子郵件選項等元素可以根據您的需求進行定製。
在此部分中,“General”選項卡涵蓋了您商店的基本資訊,包括其貨幣、銷售地點和顯示選項:
WooCommerce常規設定
這裡另一個值得注意的選項是Enable tax rates and calculations(啟用稅率和計算)。如果您選中此框,您將可以訪問以前隱藏的“Tax”選項卡:
WooCommerce稅收設定
在這裡,您可以讓平臺知道您輸入的產品價格是否包含稅費。在後一種情況下,您可以讓WooCommerce根據您的商店地址、客戶的送貨地址或客戶的賬單地址為您計算稅率。
您還可以配置稅費如何適用於運費,甚至可以確定它們是否會四捨五入。然後,您可以自定義價格和稅費在前端和結帳過程中的顯示方式。
您的產品資料,包括尺寸、評論、庫存詳細資訊、下載方法,甚至新增到購物車按鈕都可以在“Products”選項卡中進行自定義:
WooCommerce產品設定
Shipping是您可以配置運輸區域和定價的地方:
WooCommerce運輸設定
您還可以自定義運費的計算方式,並選擇預設的發貨目的地。也可以將您的商店僅限於特定國家/地區。
Payments選項卡向您顯示您的商店中可用和活躍的付款工具:
WooCommerce付款設定
在這裡,您可以啟用和禁用您喜歡的任何付款選項。此外,您還可以找到方便的連結,用於自定義特定處理器的設定。
接下來,Accounts & Privacy控制客戶體驗的各個方面:
WooCommerce帳戶和隱私設定
您可以設定隱私和結帳政策,配置客戶資料的儲存和保留方式等等。
此外,對於如何處理客戶結帳,您有多種選擇。在Guest checkout和Account creation部分下,您可以確定訪客是否能夠以訪客身份下訂單(即,無需登入帳戶)。
然後,您可以決定他們是否可以選擇在結帳過程中登入和/或建立新帳戶。您甚至可以為他們提供自動生成的使用者名稱和密碼,以加快註冊過程。
在“Emails”選項卡中,您可以自定義所有客戶支援:
WooCommerce電子郵件設定
在此螢幕的頂部,您將找到通過WooCommerce傳送的電子郵件通知列表,以響應特定觸發器(例如下訂單或取消訂單)。您可以單擊這些電子郵件中的任何一個來啟用/禁用它們,以及自定義它們的內容:
自定義WooCommerce電子郵件
如果您習慣使用HTML,您甚至可以在此處找到編輯電子郵件模板的說明。您可以將電子郵件的檔案複製到您的主題資料夾,然後進行任何您喜歡的更改。或者,您可以建立自己的自定義電子郵件模板。
在此之下,您可以為從您的WooCommerce商店傳送的所有電子郵件配置一些全域性設定。這包括“發件人”姓名和地址、頁尾文字,甚至顏色和背景。
最後,在Advanced選項卡中,您可以啟用REST API、配置金鑰、應用程式和webhook,並執行其他較低階別的任務:
WooCommerce高階設定
您可以隨時自定義和更改所有這些設定,並且您的商店將自動更新。
狀態
接下來,讓我們簡要檢查一下“Status”選項卡:
WooCommerce狀態選項卡
您的所有後端資訊都可以在這裡找到,例如您的WooCommerce/PHP/MySQL/等版本、大小限制、日誌記錄等。
在同一頁面的“Tools”子選項卡中,您可以清除網站快取中的多個變數、清除舊資料,甚至可以將商店的設定恢復為預設值。
擴充套件
使WordPress成為地球上最受歡迎的內容管理系統 (CMS)的屬性之一是它背後的社羣。您可以使用數以千計的主題和數以萬計的外掛來自定義您的網站。更重要的是,其中近100%是使用者貢獻的。
這也適用於WooCommerce,儘管規模較小。您可以在Extensions選項卡和其他地方找到許多用於擴充套件商店、新增新選項和功能以及自定義外觀的工具:
WooCommerce擴充套件選項卡
例如,雖然您可以將WooCommerce與任何主題一起使用,但它可以幫助選擇專為外掛設計的主題。Storefront是一個很好的起點,但在ThemeForest等目錄中還有很多其他選項:
一系列WooCommerce主題
您還可以檢視WooCommerce擴充套件商店,其中包括開發人員建立的和第三方選項:
WooCommerce擴充套件商店
有一些擴充套件可以為您的商店新增新的運輸選項、啟用訂閱、自定義結帳流程、整合電子郵件和社交媒體營銷等等。您還可以找到免費和付費擴充套件,讓您向客戶提供額外的支付處理器,例如Square和Amazon Pay。
最後,您還會發現大量旨在以各種方式擴充套件Woocommerce的外掛。舉一個例子,Braintree For WooCommerce外掛使您可以在您的商店接受各種付款:
Braintree For WooCommerce外掛
換句話說,如果您想調整您的WooCommerce商店的工作方式,您可以通過簡單地找到合適的工具來做到這一點。
編輯WooCommerce模板
在WooCommerce的內建設定和許多可用的擴充套件和外掛之間,您可以靈活地選擇商店的運作方式。但是,如果您是更高階的使用者並且想要執行自己的自定義,那麼一個好的起點是編輯WooCommerce的模板檔案。
這將使您能夠調整關鍵功能的工作方式,例如客戶購物車和結帳流程。請注意,這是一個有風險的過程,特別是如果您不熟悉直接使用主題和外掛檔案。在開始之前,您需要備份您的網站,以防萬一發生任何意外更改。
然後,您需要使用安全檔案傳輸協議 (SFTP) 客戶端(例如FileZilla )訪問您的站點。找到您網站的根資料夾(通常稱為public_html或以您的域命名),然後導航到wp_content/plugins/woocommerce:
FileZilla中的WooCommerce資料夾
在此目錄中,您會找到一個名為templates的資料夾。開啟它,您將看到當前為您的商店活動的所有模板的列表:
FileZilla中的WooCommerce模板
此時,您可以開啟任何您喜歡的模板並開始進行更改。例如,如果您想更改客戶下訂單後出現的“Thank You”頁面,您可以開啟checkout資料夾並找到thankyou.php檔案。然後,您可以下載、編輯或新增您認為合適的元素,然後將其重新上傳到您的伺服器。
WooCommerce託管
當您經營線上商店時,時間就是金錢。這就是為什麼擁有一個快速可靠的WordPress主機很重要,以確保更長的正常執行時間、更高的轉化率和更好的投資回報率 (ROI)。
眾所周知,WooCommerce會減慢WordPress網站的速度,尤其是對於擁有大量產品的大型商店。
國外有很多優秀的VPS主機可選擇,包括Linode、Vultr、Google Cloud和AWS等。
小結
毫無疑問, WooCommerce是WordPress最好的免費電子商務解決方案。在外部,該外掛具有驚人的統計資料。然而,只有當你深入挖掘外掛的許多選項時,它的真正力量才會顯現出來。
如果您準備或者已經在使用WooCommerce,建議可以進一步閱讀WooCommerce優化指南。
評論留言