標籤:

如何基於WordPress打造自有品牌的獨立網店

在考慮開一個自己的網店嗎?當然這裡說的網店不是在淘寶上的那種,而是有獨立域名的獨立站點。說出來可能你會覺得這是件不可能的事情。沒錯,大部分的普通人都從沒想過自己能做出一個獨立的網店。在這篇文章中,我們決定打造一篇綜合性的、以WordPress為基礎的在線商店教學指南。

開網店你都需要些什麼?

可能大部分人對於網店的概念還停留在淘寶上,決定開網店就是去淘寶上開一個店鋪。其實,隨著淘寶平台上的店鋪競爭越來越激烈的情況下,不少人開始選擇做自有品牌的獨立網店,再與微信公眾號進行對接,就可以打造出自己的微店。

用WordPress開網店非常簡單,任何人在幾分鐘之內就可以學會如何去做,並且不需要任何編程的能力。

開網店你只需要具備下面三樣東西即可:

  • 一個有創意的域名(以後這就是你網店的名字,例如 wpxiaobai.cn
  • 一台網路主機(這是你的網店在網路上的家)
  • 聚精會神的30分鐘

對,沒錯,就是這麼簡單。

只需30分鐘,你就可以搭建好自己的網店。下面我們將帶領大家一步一步來實現。

在這篇教程中,我們將涉及:

  • 如何購買域名和主機
  • 如何獲取免費的SSL證書(接收客戶付款要求你的網站擁有SSL證書)
  • 如何安裝WordPress
  • 如何搭建WooCommerce商店
  • 如何給你的網店添加商品
  • 如何選擇及自定義網店的主題
  • 如何利用插件擴展網店的功能

準備好了嗎?我們開始吧!

Step 1:平台、域名、主機的準備

大部分用戶犯的一個共同的錯誤就是沒有為自己的網店選擇正確的平台。不過幸好,你看到了這篇文章。

目前有兩大比較流行的電商平台:Shopify 或者 WordPress + WooCommerce。

Shopify是一個全託管的電商解決方案,每月29美元起。 該平台操作非常簡單,你只需要登錄就可以開始售賣產品了。 Shopify的缺點是價格較高,並且支付方式有限,如果你需要其他的支付方式,還需要支付額外的費用。

所以這也正是為什麼大部分用戶會選擇 WordPress + WooCommerce的組合,因為這個組合使用起來非常的靈活。我們確實需要花一些時間去進行設置,但是從長遠來看是值得的。WooCommerce是全球最大的電商平台。

在本教程中,我們將帶你一步一步實現在WordPress中使用WooCommerce打造網店。

搭建一個網店,你需要有域名、主機和證書這三樣東西。

域名就是你的網站在網路上的地址,就是用戶在瀏覽器地址欄里輸入的內容(例如:baidu.com 或者 wpxiaobai.cn)。

網路主機是你的網站在互聯網上的房子,每個網站都需要主機。

SSL證書給你的網站加了一道特殊的防護牆,讓你可以接收敏感信息,例如信用卡號碼和其他個人信息。如果你的網站需要使用信用卡付款,那麼SSL證書是必需的。

通常來說一個.com的域名大概是60-70一年,便宜點的主機大概不到100塊一個月。而SSL證書的價格會比較高,拿百度上的價格來說,最便宜的是3700多一年,最貴的要15000一年,不過我們可以申請免費的SSL證書。

綜上來看,一個小型的網站一年的費用大概是1000塊左右。

提供域名和主機的服務商有很多,如果你的網站面向海外客戶,則可以從Godaddy或BlueHost上購買域名和主機,如果是面向國內用戶,建議在阿里雲、百度雲和騰訊雲這三家中選擇一家。

以百度云為例,登錄百度雲的控制中心,點擊左側邊欄的「域名服務 BCD」,在打開的頁面中點擊「註冊新域名」。

在搜索框中輸入你想要註冊的域名,點擊「立即查詢」,在查詢結果中,如果你選擇的域名尚未被其他人註冊,那麼恭喜你,趕緊將域名「加入清單」吧!

點擊「下一步」,在下個頁面中,點擊右邊欄中的「立即支付」。支付完成就這個域名就屬於你了!

對於主機來說,我們有兩種選擇,一種是虛擬共享主機,一種是虛擬私有主機(也就是VPS)。關於共享主機和VPS的區別有優缺點,我們在《如何15分鐘內在一台空白VPS上快速搭建WordPress站點》這篇文章中提到過。

購買雲虛擬主機

如果你選擇虛擬共享主機的話,那麼在百度雲控制中心,點擊左側邊欄的「全部產品」,在「網站管理」一欄中可以看到「雲虛擬主機」,進入後點擊「創建新主機」按鈕。

在創建主機頁面,預裝應用里可以選擇WordPress,這樣當你的主機開通後就已經自動安裝好了WordPress,非常方便。

在下面的主機配置中,產品套餐選擇「高配型」或「豪華型」,填寫好管理賬號和網站名稱,並可以綁定你剛才購買的域名。域名綁定後可以自動將域名解析到你的主機上。

填寫完成後,點擊右側的「立即購買」去支付。

購買VPS

如果你確定使用VPS來作為網站的主機,那麼在百度控制台點擊左側「全部產品」,在「計算」這一欄中點擊「雲伺服器BBC」進入雲伺服器列表頁面,點擊「創建實例」按鈕進入實例配置頁面。

根據自己的實際情況選擇付費方式和VPS的具體配置。預付費就是提前交一個時間段的費用,最少是一個月,費用相對後付費的要便宜不少,但是帶寬速度是根據自己選擇的檔位執行的,例如選擇了1Mbps,那麼速度最高就是1Mbps了。後付費雖然價格較高,但是是按使用量收費,用多少收多少,並且帶寬速度最高100Mbps,如果不需要了可以隨時刪除該實例,刪除後不再收費。

操作系統推薦選擇CentOS 7。

選擇存儲和帶寬。彈性公網IP是一定要選的,如果沒有公網IP,那別人就無法訪問你的網站。

最後,設置管理員的用戶名和密碼,這裡的用戶名和密碼是可以用來通過SSH登錄連接到伺服器的。

設置完成後,就可以點擊右邊的「下一步」去確認訂單並付款了。

到此,我們就成功的購買了域名和主機了。為了後面我們能很方便的申請到免費的SSL證書來用,我強烈推薦新手購買VPS主機。

那麼下一步就是搭建好WordPress站點,然後再搭建網店。

Step 2. 搭建WordPress網店

要搭建自己的網店,首先要在主機上搭建好WordPress,然後通過安裝WooCommerce插件來實現網店的功能。

關於如何在VPS主機上快速搭建WordPress,我們有詳細的手把手教學文章《如何15分鐘內在一台空白VPS上快速搭建WordPress站點》。通過這篇文章里的步驟,我們可以在非常短的時間內搭建好一個帶SSL證書的WordPress站點。

現在我們就可以開始搭建網店了。

Step 3. 搭建你的WooCommerce商店

首先當然是安裝WooCommerce插件。安裝插件的具體步驟請查看這篇插件安裝教程。

插件安裝完成並啟用後,你還需要設置一些信息才可以開始售賣你的產品,例如貨幣、支付、郵寄信息等等。

在WordPress管理頁面,可以看到頂部有一個「歡迎使用WooCommerce」的提示,點擊「執行安裝嚮導」。

設置頁的第一項是基本設置,會詢問你的店鋪位於哪裡,接收什麼幣種的付款,打算賣什麼類型的產品等等。

填寫完成後,點擊「開始吧」進入支付設置頁面,不過由於我們選擇的國家是中國,所以系統默認的支付只有線下支付。沒關係,線上的支付我們稍後再添加。目前國內的主流支付方式都有對應的WordPress插件,例如微信支付、支付寶等。

點擊「繼續」進入配送的設置,你可以為商品設置一個統一的配送費或者免運費。如果你有更多的配送費需求,都可以通過安裝插件來實現。

點擊「繼續」進入推薦頁面,這裡推薦的一個是用於網店的主題,一個是用於Email營銷的MailChip。根據自己的需要來選擇是否要安裝。

在「啟用」頁面,WordPress推薦的是一款官方插件Jetpack,個人覺得沒有太大的用途,可以點擊頁面最底部的「跳過此步驟」。

到這裡,其實WooCommerce的嚮導就已經結束了。在最後的「準備好了!」頁面,點擊「創建一個產品」按鈕就可以開始添加你的第一個商品了。

Step 4. 給網店添加商品

如果在嚮導最後一頁沒有點擊「創建一個產品」的按鈕也沒關係,你可以直接從左側邊欄的「產品」中添加新產品。

首先,給商品起一個名字,然後編輯一段描述。

在右側邊欄中,可以看到「產品類別」的選項。點擊「添加新的分類」為商品創建一個分類,或者為商品選擇已有的分類。這樣可以讓你和顧客更容易的查找和瀏覽商品。

向下滾動頁面,可以看到「產品數據」一欄,在這裡你需要提供產品相關的信息,例如價格、庫存、運輸等等。

在「產品數據」的下面,還有一個產品簡短描述。當用戶在一個頁面瀏覽多個產品時會顯示此描述的內容。

最後,在右側邊欄中,你會看到「產品圖片」和「產品相冊」兩個模塊,產品圖片是用來給產品設置主圖的,智能上傳一張。產品相冊可以上傳多張圖片,你可以利用產品相冊來展示產品更多的細節信息。

直到你對所有的產品信息都滿意為止,點擊「發布」按鈕,你的產品就可以在網站上顯示出來了。

重複上面的步驟去添加更多的產品吧!

Step 5. 選擇和自定義WordPress主題

主題是用來控制WordPress網站外觀的。對於WooCommerce商店來說,主題也可以控制商品的展示方式。

WordPress有成千上萬的免費或收費主題可以供你使用。在之前的WooCommerce設置步驟中,我們選擇了安裝推薦的Storefront主題,你可以對其進行自定義來滿足自己的需要。

前往管理員後台,點擊「外觀」 – 「自定義」來啟動主題定製器,你可以在定製器中更改不同的主題設置。

如果你不喜歡Storefront主題,你可以在「外觀」 – 「主題」中選擇其他的主題。

如果你不知道該如何選擇主題,可以參考這篇《選擇完美WordPress主題需要知道的9件事》。

Step 6. 用插件擴展網店的功能

現在你的網店已經上線了,你可能還需要添加一些其他的元素,例如聯繫表單,關於頁面等等。

要進一步的自定義WordPress並增加像聯繫表單、圖冊、輪播圖等功能,你需要用到WordPress的插件。

WordPress插件就像Apps一樣,可以讓你為網站添加新的功能。

目前有超過46000個可用的WordPress插件,我們選了一些針對WooCommerce的免費插件。

1. YITH WooCommerce Wishlist

YITH WooCommerce wishlist 可以允許你的顧客將喜愛的商品添加至心愿單中,他們可以稍後購買或者將心愿單分享給朋友和家人。

在雙11,雙12這種大促活動日期間,這個功能特別的有用。

2. Order Delivery Date for WooCommerce

此插件允許用戶在結賬時選擇商品的發貨日期。 網店管理人員可以在後台的訂單頁面上看到發貨日期。

3. WooCommerce PDF Invoices & Packing Slips

該插件允許你通過email向客戶發送PDF發票和裝箱單。 用戶還可以從他們的個人中心下載發票和單據。 作為網站管理員,你還可以批量生成發票,下載發票,並通過管理後台通過email發送給客戶。

4. WooCommerce Menu Bar Cart

通常來說,你的WooCommerce主題會突出顯示頂部的購物車按鈕。 但是,如果你的主題沒有顯示購物車按鈕,或者你不喜歡它的位置,那麼WooCommerce Menu Bar Cart就可以解決你的問題。

該插件可以將購物車按鈕添加到WordPress導航菜單中。 它適用於任何WordPress主題,並且可以在導航菜單中顯示購物車圖標,商品和價格。

5. MailChimp for WooCommerce

MailChimp是全球頂級的電子郵件營銷服務商之一。 MailChimp for WooCommerce是他們的官方WooCommerce擴展,它將電子郵件營銷整合到了你的電商網站中。

6. WooCommerce Checkout Field Editor

想要在WooCommerce結算頁面添加自定義欄位嗎?WooCommerce Checkout Field Editor插件允許你輕鬆添加,自定義和重新排列結算頁面上的欄位。

這樣你就可以為客戶定製整個結算體驗,並使用這些數據來拓展您的業務。

7. WooCommerce Gift Cards

WooCommerce Gift Cards允許你在網店中添加禮品卡作為虛擬商品。 客戶可以購買不同金額的禮品卡,並送給他們的朋友和家人,然後其朋友和家人在你的網店購物時可以使用禮品卡進行結算。

8. WooCommerce Products Filter

WooCommerce Products Filter(產品過濾器) 允許客戶按類別,屬性,產品標籤,產品自定義分類和價格篩選產品。 你可以使用短代碼或側邊欄小工具在任何位置添加過濾器。

9. WooCommerce Shortcodes

WooCommerce自帶大量的短代碼,你可以在整個網站中使用它們來添加產品,按鈕等。 WooCommerce Shortcodes插件在WordPress可視化編輯器中添加了一個下拉菜單,允許你輕鬆地在文章,頁面或產品等內容區域中選擇和插入短代碼。

10. Custom Product Tabs for WooCommerce

WooCommerce默認在產品詳情頁提供了「描述」「用戶評論」兩個tab,你可以使用該插件自定義顯示其他的tab,例如「購買須知」等。

以下為收費插件

11. 微信支付插件

WordPress WooCommerce微信支付插件紅包版,支持微信掃碼支付和公眾號原生支付功能,支持微信H5支付,退款到微信零錢,匯率,微信分享發送紅包,紅包返現等促銷功能。適合任意WooCommerce主題,此插件對WooCommerce兼容良好,對大多數主題兼容良好。支持最新版本WooCommerce。

功能描述:

  • WooCommerce子插件,完美兼容
  • 在WooCommerce添加微信支付網關
  • 支持匯率換算,需要手動設置匯率
  • 電腦端支持微信掃碼支付
  • 支付微信原生支付,支持公眾號支付
  • 支持微信H5支付,手機瀏覽器喚醒微信app支付
  • 分享紅包:微信分享產品頁面,該產品被購買獲得紅包
  • 訂單紅包:產品被支付,獲取紅包返現
  • 多個網站共用一個微信支付商戶號
  • 插件自動升級更新
  • 支持微信退款到微信零錢或銀行卡
  • 微信地址同步到收貨地址
  • 如需微信自動登錄

12. 支付寶插件

WordPress WooCommerce支付寶全平台企業版為WooCommerce增加支付寶掃碼支付和手機網站支付的功能,自適應PC網站和手機網站,根據終端自動選擇相應的支付方式,此外最具特色的是能支持支付寶APP支付,在用戶安裝了支付寶時自動喚醒

功能描述:

  • WooCommerce子插件,完美兼容
  • 在WooCommerce添加支付寶支付網關
  • PC端支持支付寶掃碼支付
  • 支持手機網站支付
  • 支持支付寶手機app支付,在用戶安裝了支付寶時自動喚醒
  • 新增微信中使用支付寶提示頁面
  • 支付寶支付成功後,微信中自動回調
  • 插件自動判斷是PC端還是手機網站
  • 支持匯率換算
  • 支持退款
  • 適合任意WooCommerce主題
  • 支持最新版WooCommerce

13. WordPress QQ/微博/微信/釘釘/手機登錄插件

一款適合中國人,功能強大的社會化登錄插件,支持微信,QQ,微博,手機註冊登錄,支持賬戶綁定解綁,支持WooCommerce微信登錄,整合Ultimate Member,兼容Buddypress, 兼容Open Social,支持微信登錄直接關注公眾號,微信高級擴展不需要微信開放平台認證。插件採用Addon模式,每一個功能都是一個擴展,方便用戶根據需求選擇需要的功能。

功能描述:

  • 支持微信,QQ,微博,釘釘登錄中國最流行的社交軟體登錄
  • 支持手機+驗證碼快速登錄
  • 支持與WordPress賬號綁定和解綁,可以同時綁定多個社交賬號
  • 自帶全新的註冊和登錄頁面替換WordPress原生登錄界面
  • 整合Ultimate Member會員插件
  • 整合WooCommerce購物車插件實現第三方登錄和綁定
  • 兼容Buddypress
  • 全新找回密碼頁面
  • 新增STMP 郵件發送註冊和找回密碼
  • 微信、QQ、微博、QQ空間分享,微信分享採用官方JSSDK
  • WooCommerce產品頁面分享
  • 新增已登錄用戶訪問登錄頁或註冊頁面提醒已登錄
  • 兼容Open Social老用戶登錄
  • 微信登錄高級擴展,不需要開放平台認證
  • 支持關注公眾號才能登錄網站
  • 支持群發公眾號消息,菜單同步,WordPress文章同步到微信公眾號,消息回復
  • 多個網站使用同一個微信公眾號服務號登錄

好了,以上就是本文的全部內容,希望通過這篇文章你可以學會如何基於WordPress利用WooCommerce搭建自己的網店。


推薦閱讀:

TAG:WordPress |