如何使用 WooCommerce 構建電子商務網站 - 分步指南

已發表: 2022-10-20

如果您正在尋找建立在線商店,WooCommerce 是一個不錯的選擇。 這是一個 WordPress 插件,可讓您輕鬆創建專業的電子商務網站。 在本教程中,我們將向您展示如何使用 WooCommerce 構建電子商務網站。 我們將逐步引導您完成設置過程,以便您立即啟動並運行您的商店! 此外,在這裡我們將討論一個名為 WooLentor 的特殊 WooCommerce 頁面構建器插件插件,幫助您在 Elementor 或 Gutenberg 頁面構建器的幫助下專業地微調您的 WooCommerce 商店。

什麼是 WooCommerce?

WooCommerce 是一個 WordPress 插件,可讓您將 WP 網站轉換為在線商店。 WooCommerce 是一個免費的開源電子商務平台。 它建立在 WordPress 之上,WooCommerce 可以用作獨立的電子商務平台或 WordPress 的插件。

WooCommerce 是全球最受歡迎的電子商務平台。 WooCommerce 擁有超過 300 萬次活躍安裝,WooCommerce 為 30% 的在線商店提供支持。 WooCommerce 被小型企業、主要品牌以及介於兩者之間的所有事物使用。 Woo Commerce 是任何想要開設在線商店的人的絕佳選擇。

WooCommerce 為您的企業帶來的 10 大好處

WooCommerce 是一個強大的電子商務平台,可讓您靈活地在任何地方銷售任何東西。 無論您是老牌企業還是剛剛起步,WooCommerce 都可以幫助您增加在線銷售額。

以下是在您的業務中使用 WooCommerce 的一些主要好處:

1. 可擴展性

WooCommerce 具有令人難以置信的可擴展性; 它被小型企業和大型企業所使用。 隨著業務的擴展,您可以從小處著手並發展您的商店。 或者,如果您已經是一家大企業,WooCommerce 可以處理高流量和大量訂單。

2. 靈活性

WooCommerce 讓您可以靈活地在任何地方銷售任何東西。 無論您是銷售實物商品、數字產品還是服務,WooCommerce 都能滿足您的需求。 您甚至可以使用 WooCommerce 銷售訂閱或會員資格。

3. 由大型社區支持

WooCommerce 被全球數百萬家商店使用,因此您可以確信它是一個得到良好支持的平台。 如果您遇到任何問題,有一個龐大的開發人員和專家社區可以幫助您。

4. 強大的安全性

WooCommerce 是一個安全的電子商務平台,經常更新其安全措施。 您還可以添加額外的安全措施,例如雙重身份驗證,以進一步保護您的商店。

5. SEO友好

WooCommerce 在設計時考慮了 SEO,因此您可以輕鬆在搜索引擎中對您的商店進行排名。 您還可以添加插件以進一步改善商店的 SEO。

6. 移動友好

使用 WooCommerce,您不必擔心您的商店是否適合移動設備。 它針對所有設備自動進行了優化,因此您的客戶可以隨時隨地購物。

7. 易於使用

即使您不是技術專家,WooCommerce 也易於設置和使用。 該平台易於使用,因此您可以快速設置您的商店。

8. 經濟實惠

WooCommerce 是 WordPress 的免費插件,因此入門非常實惠。 您還可以找到大量免費主題和插件來進一步自定義您的商店。

9. 可定制

WooCommerce 是高度可定制的,因此您可以使其外觀和感覺完全符合您的要求。 您可以更改顏色、字體和佈局,為您的客戶創造獨特的購物體驗。

10. 發展您的業務

使用 WooCommerce,您可以向任何您想要的方向發展您的業務。 您可以出售什麼或如何出售它沒有限制。 因此,如果您希望將您的業務提升到一個新的水平,WooCommerce 是您的完美平台。

如果您正在尋找一個靈活、強大且易於使用的電子商務平台,WooCommerce 是您業務的絕佳選擇。

我們將使用什麼來使用 WooCommerce 建立電子商務商店

WooCommerce 是免費和開源的,這使其成為構建在線商店的絕佳選擇,但它還提供付費插件以獲得更全面的功能。

以下是使用 WooCommerce 構建電子商務商店的要求:

  • 一個WordPress網站
  • WooCommerce 插件
  • 頁面構建器插件,例如 Elementor/Gutenberg 等。
  • WooLentor(免費增值 WooCommerce Elementor Page Builder 附加組件插件)

使用 WooCommerce 構建網絡商店的分步過程

建立 WooCommerce 商店既簡單又用戶友好。 憑藉其眾多功能和廣泛的插件,您可以輕鬆地將功能添加到您的商店。 這是有關如何建立 WooCommerce 商店的分步指南:

設置域和主機

您需要一個域名和一個網絡託管帳戶才能創建 WooCommerce 商店。 如果您還沒有這些,您可以從網絡託管服務提供商處購買。

您可以輕鬆找到提供 WooCommerce 特定託管計劃的優質託管服務提供商。 註冊域並設置託管帳戶後,您可以繼續下一步。

安裝 WordPress

WooCommerce 是一個 WordPress 插件,因此您需要先在您的主機帳戶上安裝 WordPress,然後才能安裝 WooCommerce。 許多網絡託管服務提供商提供一鍵式 WordPress 安裝,讓您輕鬆開始使用 WooCommerce。

選擇一個 WooCommerce 主題

安裝 WordPress 後,您可以瀏覽 WooCommerce 主題以找到適合您商店的設計。 提供免費和付費的 WooCommerce 主題,因此您可以選擇最適合您需求的選項。

設置 WooCommerce 插件的程序

現在您已經安裝了帶有 WooCommerce 主題的域、主機和 WordPress,您可以構建您的電子商務網站了。 您可以從添加產品開始,然後設置您的付款方式。 使用 WooCommerce,無需任何技術知識即可輕鬆構建具有專業外觀的電子商務網站。

安裝並激活 WooCommerce 插件

在您的 WordPress 網站上安裝 WooCommerce 插件並在您的 WordPress 網站上激活它。 您可以通過轉到 WordPress 儀表板的插件部分並蒐索 WooCommerce 來執行此操作。 找到 WooCommerce 後,單擊安裝,然後單擊激活。

這將使您能夠訪問 WooCommerce 提供的所有特性和功能。

輸入您店舖的基本信息

激活 WooCommerce 後,您將被重定向到 WooCommerce 設置嚮導。 第一步是輸入您店舖的基本信息,例如您的店鋪名稱和地址。 您還可以選擇是否以多種貨幣或僅一種貨幣銷售產品。

配置支付選項、網關和額外選項

下一步是為您的商店配置付款選項。 WooCommerce 帶有幾個內置的支付網關,例如 PayPal 和 Stripe。

您還可以選擇添加額外選項,例如銀行轉帳或貨到付款。

將 WooCommerce 與 Jetpack 鏈接並完成設置

配置付款選項後,您需要將 WooCommerce 與 Jetpack 鏈接。 Jetpack 是一個 WordPress 插件,它為 WooCommerce 商店提供附加功能,例如自動運費計算和重複的客戶優惠券。

要將 WooCommerce 與 Jetpack 鏈接,請轉到 Jetpack 設置頁面並將 WooCommerce 連接到 Jetpack。

將產品添加到您的 WooCommerce 商店

最後一步是將產品添加到您的 WooCommerce 商店。 為此,請轉到 WordPress 儀表板中的產品選項卡,然後單擊添加新的。

從這裡,您可以添加產品信息,例如產品名稱、描述和定價信息。

添加所有必要信息後,單擊發布以使您的產品在您的商店中上線。

就是這樣! 您現在已成功設置 WooCommerce 以使用您的 WordPress 網站。

安裝並激活您選擇的頁面構建器或使用默認的古騰堡塊編輯器

如果您希望使用 WooCommerce 構建電子商務網站,則需要安裝並激活您選擇的頁面構建器或使用默認的 Gutenberg 塊編輯器。

我們建議使用 Elementor 頁面構建器,因為它非常用戶友好並且具有很多功能。

如何安裝 Elementor Page Builder

只需按照以下步驟操作:

1. 前往 WordPress 插件庫並蒐索“Elementor”。

2. 單擊 Elementor 插件的“立即安裝”按鈕。

3. 安裝插件後,單擊“激活”按鈕。

4. 您將被重定向到 Elementor 歡迎頁面。 在這裡,您可以選擇從空白頁面開始或導入許多預製模板之一。

5. 選擇模板後,您可以開始對其進行自定義以構建您的電子商務網站。


安裝並激活 Elementor 後,您可以開始使用它創建頁面和帖子。 為此,請轉到您要編輯的頁面或帖子,然後單擊“使用 Elementor 編輯”按鈕。 這將啟動 Elementor 編輯器,該編輯器包含一個拖放界面。 您可以在頁面和帖子中添加各種元素,例如文本塊、圖像、視頻等。完成編輯後,單擊“發布”按鈕以使您的更改生效。

就是這樣! 您現在知道如何安裝和激活 Elementor 頁面構建器。

使用 Elementor 和 WooLentor 設計 WooCommerce 商店

Elementor 是一個 WordPress 插件,可讓您使用拖放構建器創建自定義 WooCommerce 頁面。

WooLentor 是一個 Elementor 插件,它提供了額外的 Elementor 小部件來創建 WooCommerce 頁面。 我們將向您展示如何使用 Elementor 和 WooLentor 設計 WooCommerce 商店。

安裝 WooLentor

首先,您需要從 WordPress 存儲庫安裝 WooLentor。

轉到模板生成器並選擇“添加新”。

要從 WooLentor 的菜單訪問模板構建器,首先,轉到 WooLentor 的菜單並導航到模板構建器。 從那裡,您可以添加新模板!

在頁面模板部分配置設置

下一步是配置您想要的頁面模板,以便它可以構建優化版本。 為此,單擊“添加新”,將出現頁面模板設置的彈出窗口。 在這裡,您可以選擇給您的模板起任何名稱,並從不同類型的模板中進行選擇。

通過選中“設置默認值”框將此模板保存為默認頁面。

使用 Elementor 編輯頁面模板

保存首選參數後,您可以使用 Elementor 小部件根據您的喜好定制模板。 如果您對從頭開始不滿意,請不要擔心 - 有幾個可用於各種頁面的預製模板。

要使用它們,請轉到彈出窗口中的“示例設計”。 然後將出現該頁面的預製模板,您可以根據需要選擇和自定義。

預覽頁面

總而言之,在公開之前始終測試頁面以檢查其功能。

使用 Gutenberg 和 WooLentor 設計 WooCommerce 商店

WooLentor 是一個強大的 WooCommerce 插件,它提供了建立專業在線商店所需的一切,而 Gutenberg 是新的 WordPress 編輯器,它使創建內容比以往任何時候都更容易。

結合使用這兩個工具,您可以創建一個看起來很棒且易於使用的 WooCommerce 商店。 WooLentor 提供了一系列時尚且可定制的模板,因此您可以找到適合您商店的完美外觀。 使用 Gutenberg,添加產品和創建頁面變得輕而易舉。

安裝 WooLentor

首先,您需要安裝並激活 WooLentor 插件。

通過單擊 WooLentor 菜單轉到“模板生成器”

為了創建您自己的模板,請轉到 WooLentor 菜單並選擇模板生成器。

在添加新菜單中,設置您想要的頁面

首先為新模板創建名稱和標題。

要開始利用 Gutenberg,請選擇它作為您的編輯器。 一旦它被設置為默認值,不要忘記點擊保存更改。 從那裡開始,通過單擊“使用 Gutenberg 編輯”按鈕開始自定義塊以更好地滿足您的需求。


可用的各種塊可以用於多種用途,例如創建佈局和設計或更改文本或圖像對齊方式!

運行測試

現在您已完成更改,請在預覽模式下查看頁面。

經常問的問題

Q1.什麼是 WooCommerce?

WooCommerce 是一個免費的電子商務插件,可讓您精美地銷售任何東西。 WooCommerce 旨在與 WordPress 無縫集成,是世界上最受歡迎的電子商務解決方案,它為店主和開發人員提供了完全的控制權。

憑藉無限的靈活性和對數百個免費和高級 WordPress 主題的訪問,WooCommerce 現在為 30% 的在線商店提供支持——比任何其他平台都多。

Q2.為什麼要使用 WooCommerce?

對於那些想要建立在線商店而無需學習如何編碼或與網絡開發人員合作的人來說,WooCommerce 是一個很好的選擇。 它非常適合想要在線銷售產品或服務的小型企業、企業家和博主。 由於它是建立在 WordPress 之上的,您將受益於使用世界上最流行的內容管理系統 (CMS) 所帶來的所有優勢。

Q3.WooCommerce 的費用是多少?

WooCommerce 是一個免費插件,您可以將其安裝在您的 WordPress 網站上。 但是,您需要為託管、域名和其他必要的組件付費才能建立您的在線商店。 一旦您的商店啟動並運行,您還需要為您可能想要使用的任何擴展或附加組件付費。

Q4.WooCommerce 適合我嗎?

如果您正在尋找一種無需學習編碼即可輕鬆建立在線商店的方法,那麼 WooCommerce 是一個不錯的選擇。 它非常適合想要在線銷售產品或服務的小型企業、企業家和博主。

Q5.如何開始使用 WooCommerce?

您需要做的第一件事是在您的 WordPress 網站上安裝 WooCommerce 插件。 激活插件後,您就可以開始設置商店了。 您需要添加您的產品,配置您的付款和運輸選項,並為您的商店選擇一個主題。

Q6. 我可以在現有網站上使用 WooCommerce 嗎?

是的,您可以在現有網站上使用 WooCommerce。 但是,我們建議使用特定於 WooCommerce 的主題來充分利用您的在線商店。 WooCommerce 主題專為電子商務商店設計,包括產品畫廊和高級結賬選項等功能。

Q7.我需要使用 WordPress 才能使用 WooCommerce 嗎?

是的,您需要使用 WordPress 才能使用 WooCommerce。 WooCommerce 是一個 WordPress 插件,因此您需要在您的網站上安裝 WordPress 才能使用它。

Q8.WooCommerce 是免費的嗎?

是的,WooCommerce 是免費的。 但是,您需要為您的網站購買域名和託管計劃。 此外,您可能需要購買一些插件或主題才能充分利用您的在線商店。

Q9. 我可以在現有域中使用 WooCommerce 嗎?

是的,您可以在現有域中使用 WooCommerce。 但是,我們建議使用特定於 WooCommerce 的主題來充分利用您的在線商店。 WooCommerce 主題專為電子商務商店設計,包括產品畫廊和高級結賬選項等功能。

Q10. 最流行的 WooCommerce 插件有哪些?

一些最受歡迎的 WooCommerce 插件包括 WooCommerce PayPal、WooCommerce Stripe 和 WooLentor。

問題 11。 我是否需要使用任何其他 WooCommerce 插件,或者這個插件可以獨立使用嗎?

我們建議使用特定於 WooCommerce 的插件來充分利用您的在線商店,例如 WooLentor。 這個多功能的 WooCommerce 插件提供了用於構建 WooCommerce 頁面的拖放界面。

WooLentor 提供免費或高級版本。 高級版包括附加功能,例如支持 WooCommerce 產品變體和高級運輸選項。 使用 WooLentor,您無需任何編碼知識即可輕鬆構建具有專業外觀的 WooCommerce 商店。

最後的想法

如果您想建立一個電子商務網站,WooCommerce 是一個不錯的選擇。 現在您知道它是如何工作的,您可以開始創建自己的商店了。 請記住為您的網站選擇正確的主題和插件。

如果您希望您的網站與 WooCommerce 兼容,請選擇這樣列出的主題。 您還可以使用插件來改進頁面和產品的設計 - 電子商務網站的一種流行選擇是 WooLentor。 如果您正在尋找易於使用的頁面構建器插件,Gutenberg 或 Elementor 都是不錯的選擇,可讓您在幾分鐘內創建自定義頁面和帖子。

使用 WooCommerce,您擁有創建吸引客戶的專業網站所需的一切。 只需一點點努力,您就可以開展成功的在線業務! 感謝您的閱讀!