WooCommerce教程 – 如何在您的網站上進行設置

WooCommerce有超過400萬的有效安裝,在WordPress.org上有4.6用戶評級,還有一大批快樂,忠誠的數字商店所有者支持它,它是WordPress最受歡迎的免費電子商務解決方案。截至2019年3月,WooCommerce佔據了所有在線商店的8%以及前100萬個網站中的21%!電子商務銷售正在蓬勃發展,所以如果您希望在WP網站上開設虛擬商店,那麼使用WooCommerce是您可以做出的最佳決策之一。這是一個廣泛的WooCommerce教程,以及如何在您的網站上啟動和運行它。

WooCommerce教程索引

  • 安裝
  • 添加和管理產品
  • 管理WooCommerce
  • WooCommerce託管

WooCommerce安裝

步驟1

您需要做的第一件事是安裝WooCommerce插件。您可以從WordPress存儲庫免費下載它,或者按照以下步驟從儀錶板中執行操作。

woocommerce插件

WooCommerce WordPress插件

要從儀錶板安裝它,請導航到WordPress管理>插件>添加新,搜索「woocommerce」,然後單擊「立即安裝」。確保作者顯示為Automattic。 3+是目前WooCommerce的最新版本。

厭倦了緩慢的WordPress主機和subpar支持?我們在Kinsta做不同的事情。查看我們的託管計劃 WooCommerce安裝

WooCommerce安裝

第2步

然後單擊「激活」。

激活WooCommerce

激活WooCommerce

第3步

然後,您將遇到WooCommerce設置的演練。你可以跳過這個,但在我們的教程中,我們將點擊「Let's Go。」(注意:我們將在下面的WooCommerce教程中詳細介紹這些選項)

woocommerce設置

WooCommerce設置

第4步

在頁面設置屏幕上,WooCommerce通知您將自動為您創建幾頁以完成設置。這包括商店,購物車,結帳和我的帳戶頁面。點擊「繼續」讓它為您創建這些。

woocommerce頁面設置

WooCommerce頁面設置

第5步

在商店區域設置屏幕上,WooCommerce允許您快速選擇您所在的國家/地區或州,貨幣和產品的單位。然後單擊「繼續」。

woocommerce商店區域設置

WooCommerce商店區域設置

第6步

在運費和稅金設置屏幕上,您可以選擇是否向客戶運送實物商品。請記住,WooCommerce也可用於銷售數字產品和下載。然後,您可以根據需要啟用銷售稅。然後單擊「繼續」。

woocommerce運輸稅設置

WooCommerce運輸和稅務設置

第7步

在付款屏幕上,您可以選擇要與哪個第三方付款處理器集成。我們個人是Stripe的忠實粉絲。截至2016年2月,Stripe對WooCommerce免費(您仍將支付交易費)。然後單擊「繼續」。

推薦閱讀:如何使用條紋雷達預防和減少信用卡欺詐98%

woocommerce付款

WooCommerce付款

就是這樣!您的WooCommerce商店現已準備就緒。您可以單擊底部的鏈接返回到WordPress儀錶板並開始創建產品。查看下面的其餘WooCommerce教程。

woocommerce商店準備好了

WooCommerce商店已準備好確認

添加和管理新產品

您將注意到的第一個更改是在儀錶板的側面菜單中添加兩個新選項卡,名為WooCommerce(您的常規設置區域)和產品(您的產品設置區域)。要開始設置電子商店,請轉到WordPress管理>產品>添加產品以添加您的第一個產品。

創建產品的標題和簡短描述。這是標題和描述在實時預覽中的樣子。

新的woocommerce產品

新的WooCommerce產品

完成後,在帖子編輯器下方向下滾動,在後期編輯屏幕上顯示兩個新的小部件:產品數據和產品簡短描述。

產品數據

WordPress管理>產品>添加新

在產品數據屏幕小部件中,您可以選擇產品是否為虛擬產品(前一個選項會刪除裝運數據選項卡)以及是否可下載(數字)。您可以在常規選項卡中輸入常規和銷售價格(銷售可能是時間敏感的)。

woocommerce產品數據

WooCommerce產品數據

如果您正在銷售數字產品,那麼您還必須上傳要購買的文件,自定義下載限制(將其留空以將其標記為無限制),下載到期(將其留空以使其永久可用),以及文件類型(標準/應用程序/音樂)。您選擇的文件類型會影響產品的schema.org標記。

接下來,在「庫存」選項卡中,您可以通過輸入產品數量,庫存狀態(進/出庫存)以及是否允許延期交貨來自定義管理庫存的選項。此外,您可以將產品標記為單獨銷售,這意味著只能在一個訂單中購買一個產品。如果您有SKU(標識號),也可以在此處輸入。

在「鏈接的產品」選項卡中,您可以添加加售,交叉銷售和產品分組。屬性允許您輸入產品的特定屬性(例如,可靠,永不分解等),這些屬性將顯示在產品頁面前端版本的「附加信息」選項卡下。最後,您可以輸入自定義購買備註,為產品提供菜單順序,以及在「高級」選項卡中啟用/禁用評論。

產品簡述

WordPress管理>產品>添加新

使用產品簡短描述屏幕小部件,您可以為將在產品標題下顯示的圖像創建短標語。

woocommerce產品簡短說明

WooCommerce產品簡短說明

在玩完所有這些之後,不要忘記添加標籤,將其放在類別中,並包含產品圖像/圖庫。以下是實時預覽中的一些示例數據。

樣品產品woocommerce

WooCommerce中的示例產品

管理產品

WordPress管理>產品>(各種標籤)

在WordPress管理>產品下的其他頁面中,您可以查看您的產品,類別,標籤,發貨類,屬性和日曆。這些頁面中的每一頁看起來都像標準的WordPress管理>帖子>類別頁面,產品視圖除外(如下所示)。

查看woocommerce產品

查看WooCommerce產品

管理WooCommerce

在WooCommerce選項卡中,您可以瀏覽有關數字商店的各種信息:您可以查看訂單,優惠券和報告。您還可以自定義設置並添加新擴展。

命令

WP管理員> WooCommerce>訂單

此頁面顯示您當前的購買和訂單列表。如果你銷售數碼產品,除了看誰買了什麼之外,這裡沒什麼可做的。但是,如果您銷售實體商品,您可以在此處組織您需要運送的產品以及正在處理或暫停的訂單。

woocommerce訂單

WooCommerce訂單

優惠券

WordPress管理員> WooCommerce>優惠券(>添加新)

WooCommerce有幾個強大的選項,可以為您的電子商店添加新優惠券。在優惠券編輯屏幕中,優惠券數據屏幕小部件允許您自定義優惠券折扣和限制。

woocommerce優惠券

WooCommerce優惠券

「常規」選項卡允許您編輯基本優惠券信息:優惠券類型(購物車折扣,購物車百分比折扣,產品折扣和產品百分比折扣),價值,免費送貨選項,優惠券稅收及其到期日期。

在使用限制中,您可以設置客戶為驗證優惠券而必須支付的最低費用。要限制使用與其他優惠券一起使用,請選中僅供個人使用的複選框。如果優惠券不適用於正在銷售的商品,那麼也可以選擇。您還可以在此處選擇優惠券適用的產品和產品類別。最後,您甚至可以禁止使用優惠券的某些電子郵件地址。

最終選項卡「使用限制」設置每個優惠券或每個客戶的使用限制。

優惠券管理屏幕如下。

woocommerce優惠券管理

優惠券管理

報告

WordPress管理> WooCommerce>報告

WooCommerce還提供強大的內置跟蹤功能。您可以在五個不同的時間段內查看銷售,訂單和運輸成本的圖表和圖表。每個圖表可以限制為特定產品,產品類別或優惠券的銷售額。在「客戶」選項卡中,您可以查看同一五個時間段內的客戶獲取情況。最後,您還可以在Stocks選項卡中查看庫存不足,缺貨和庫存最多的產品。所有這些數據都可以CSV表格導出。

woocommerce報道

報告

設置

WP管理員> WooCommerce>設置

掙扎著停機和WordPress問題? Kinsta是託管解決方案,旨在為您節省時間!看看我們的功能

這就是WooCommerce令人印象深刻的地方:在「設置」屏幕中,您可以自定義電子商店的每個方面。從您的千位分隔符到結賬流程到電子郵件選項的所有內容都可以根據您的需求量身定製。

「常規」選項卡會處理您的基本信息,包括貨幣,基本和銷售地點以及顯示選項。

woocommerce將軍

WooCommerce一般設置

您的產品數據(包括自定義排序,默認顯示,測量系統,產品縮略圖尺寸,下載方法,甚至Ajax /非Ajax添加到購物車按鈕)都在「產品」選項卡中自定義。

設置woocommerce產品

WooCommerce產品設置

稅收方法在「稅收」選項卡中建模 – 如果您願意,您甚至可以在商店中禁用稅收。

woocommerce稅收設置

WooCommerce稅務設置

運輸會考慮您的運輸方式和定價模式。您還可以啟用/禁用商店範圍內的運輸,並編輯各種顯示選項。僅限特定國家/地區限制商店的可用性也是可能的。

woocommerce運輸

WooCommerce運輸設置

Checkout允許您自定義結帳流程:您可以從五個支付網關中進行選擇,編輯頁面,添加T&C頁面以及更改URL附件。

woocommerce結帳

WooCommerce結帳配置

帳戶編輯所有前端帳戶顯示和註冊選項。

woocommerce帳戶

WooCommerce帳戶設置

在「電子郵件」選項卡中,您可以自定義客戶支持的所有內容。具體來說,您可以在電子郵件背景顏色下定製WooCommerce生成的電子郵件的所有發件人選項。

woocommerce電子郵件

WooCommerce電子郵件設置

最後,在API選項卡中,您可以啟用REST API,鍵/應用程序和Webhook。

woocommerce api

Rest API

系統狀態

WordPress管理員> WooCommerce>系統狀態

所有後端信息 – 您的WooCommerce / PHP / MySQL /等。版本,大小限制,日誌記錄等 – 可在此處找到。在同一頁面的「工具」選項卡中,您可以清除多個變數的網站緩存,安裝新選項以及將設置重置為默認值。

woocommerce系統狀態

WooCommerce系統狀態

附加組件

WordPress管理員> WooCommerce>附加組件

woocommerce附加組件

WooCommerce附加組件和擴展

使WordPress成為地球上最受歡迎的CMS的一個屬性就是它背後的社區。成千上萬的主題和成千上萬的插件;其中近100%是用戶貢獻的。這與WooCommerce幾乎完全相同,儘管規模較小。

WooCommerce擴展和主題

WooCommerce擴展和主題

插件開發人員允許您從其擴展存儲中購買本機和第三方WooCommerce擴展。從字面上看,商店提供數百種不同的附加組件和特定於WooCommerce的主題和樣式選項。

WooCommerce託管

當你有一個在線商店時,實際上就是金錢,這就是為什麼擁有一個快速可靠的WordPress主機以確保更好的正常運行時間,轉換率和投資回報率的重要性。 WooCommerce有時以減慢WordPress網站速度而聞名,特別是在大型安裝上。但Kinsta的情況並非如此。我們提供託管託管服務和高度優化的WooCommerce託管,專門針對性能而設計。得益於我們在Google Cloud Platform上的可擴展基礎架構以及PHP 7,NGINX,MariaDB等最新技術;我們可以確保遷移到Kinsta將有助於增加您的銷售!

「首席運營官與我聯繫了一個實際的解決方案,而不是很多」信任我們「,而我正在其他地方。他是誠實和坦率的,非常令人耳目一新。遷移後,首席執行官處理了支持,他提出了一些很好的建議和調整,大大提高了性能。「
– Caleb蠕蟲,Swagway.com

摘要

WooCommerce確實是WordPress最好的免費電子商務解決方案。在外部,該插件具有驚人的統計數據,但只有當您深入了解WooCommerce選項和後端時才能真正揭示純粹的真棒。我們在WooCommerce教程中遺漏了哪些重要內容?如果是這樣,請在下面告訴我們!

我們也有一些很棒的東西!我們花了幾個月的時間將這篇18章長的WooCommerce優化指南放在一起。有大量的課程和免費工具,您可以如何優化和發展您的百萬美元公司!

519股

.essb_links .essb_links_list li a {margin-top:0px; } @media only screen and(min-width:64em){.container – narrow.pb – 60,.knowledgebase .user-content {position:relative; } .widget-share {position:absolute;左:-200px;頂部:0px;身高:100%;寬度:200px; box-sizing:border-box; } .widget-share-aligner {width:200px; padding-right:62px; box-sizing:border-box; } .widget-share-inner {padding-bottom:62px; } .knowledgebase .user-content .widget-share-inner {padding-top:0; } .widget-share .amount {display:flex; align-items:center;證明內容:flex-end;寬度:100%;保證金右:11像素; font-size:14px;字體重量:500;邊距:10px的; } .widget-share .amount svg {margin-right:8px;保證金左:10px的; } .essb_links .essb_links_list {flex-direction:column; align-items:flex-end; } .essb_links .essb_links_list li {display:block; margin-bottom:5px!important; } .widget-share__total {margin-bottom:0px!important; } .widget-share__total .heading – small {color:#999999;字體大小:14px的; font-weight:300; } .essb-total-value {margin-right:4px; } .essb_links {margin:0px;填充:0像素; } .essb_counter_right {display:none!important; } .essb_links.essb_template_circles-retina .essb_link_hackernews a,.essb_links.essb_template_circles-retina .essb_link_reddit a,.essb_links.essb_template_circles-retina .essb_link_mail a,.essb_links.essb_template_circles-retina .essb_link_mwp a,.essb_links.essb_template_circles-retina .essb_link_buffer a ,.essb_links.essb_template_circles-retina .essb_link_linkedin a,.essb_links.essb_template_circles-retina .essb_link_facebook a,.essb_links.essb_template_circles-retina .essb_link_twitter a {color:#43414e!important;背景:#f3f3f6!important; } .essb_links.essb_template_circles-retina li a:focus,.essb_links.essb_template_circles-retina li a:hover {border-color:#fff!important;背景:#43414e!important; {.binter-color:#f3f3f6!important;背景:#f3f3f6; } .essb_links .essb_icon:在{font-size:15px!important;之前頂:8像素;左:9px; } .essb_links .essb_icon {width:32px;高度:32PX; } .essb_links.essb_counter_modern_right .essb_counter_right {background:#f3f3f6!important; } @media only screen and(max-width:63.999em){。widget-share-aligner {position:relative!important;頂部:0!重要; } .essb_links .essb_links_list li {margin-right:8px!important; }}

相關文章