[WooCommerce教學] 不懂程式也能架設你的第一個電商網站!

[WooCommerce教學] 不懂程式也能架設你的第一個電商網站!

如今自架網站已不再是什麼難事,你可以自己租用虛擬主機來製作WordPress網站,或者直接使用架站平台在短短幾分鐘內設計出精美的網站。

而且網路上有很多好用的功能外掛佈景主題和編輯器可幫助你製作網站,只要把網站SEO做好就能獲得更多自然流量,並透過各種變現管道來賺取額外收入。

這篇文章就來分享 Woocommerce 有什麼費用優缺點是否該使用它和你該如何用它來架設你的第一個電商網站

WooCommerce 簡介

Woocommerce 是Wordpress 網站上用來架設電子商務的一個外掛,裡面就包含了做電商所需的各種功能,比如金流服務,物流運送和庫存管理等等。

早在2008年Wordpress 團隊就開發了Woocommerce這套開源軟體(當時名為WooThemes),後來才在2017年全力發展電子商務的功能,據統計目前在全球就有將近28%的電商網站都是透過WooCommerce外掛做的。

產品種類
WordPress電商外掛
使用收費

免費
推薦理由
可配合多種不同外掛使用的開源軟體
不推薦原因

需要自己學習如何架設網站和管理後台

WooCommerce是什麼?

Woocommerce 是Wordpress 網站上用來架設電子商務的一個外掛,裡面就包含了做電商所需的各種功能,比如金流服務,物流運送和庫存管理等等。

架設網站說白了就是將內容都存放在一個主機裡,當訪客輸入網址後電信公司(網路供應商)就會向主機發出信號,讓主機將網站內容回傳到訪客的瀏覽器上。

網站的運作原理
↑ 網站的運作原理

你只需要租用一台主機就能在網上儲存文章、圖片和影片等商品資料,搭配Wordpress 內容管理系統(CMS) 來管理網站,最後再安裝Woocommerce外掛來添加網上購物所需的功能。

簡單來說你可以把主機想像成一台智能手機,而Wordpress就像是內建的iOS 或Android 系統,只要安裝Woocommerce外掛(App)就能實現你想要的電商外觀設計和功能。

但是我們不用真的去購買一台實體主機,也不需要懂得任何程式語言,只需要在網上向主機商租用虛擬空間(故稱為虛擬主機)就行了,下方也會分享如何安裝WooCommerce系統和完成後台設定

server room
↑ 由供應商管理的主機

WooCommerce安全嗎?

早在2008年Wordpress 團隊就開發了Woocommerce這套開源軟體(當時名為WooThemes),後來才在2017年全力發展電子商務的功能。

據統計目前在全球就有將近28%的電商網站都是透過WooCommerce外掛做的,在國外各大評價網都有不錯的評分。

Wordpress 在G2上的評價
↑ WordPress 在G2上的評價
Wordpress 在Capterra上的評價
↑ WordPress 在Capterra上的評價

後來它也能搭配外掛設計出各種網站,如果你有任何疑問也可以到他們的官網查詢更多相關幫助或者可以聯絡他們的客服

WooCommerce的收費?

Woocommerce 作為開源軟體是完全免費的,只有租用主機時需要花錢,下面也會推薦一家不錯的主機商,他們會為你安裝好WooCommerce的服務,下方也會示範架設教學設定流程

WooCommerce的優缺點

優點

  1. 提供中文介面容易操作
  2. 有多家合作的主機商
  3. 提供多種功能外掛
  4. 免費的開源軟體
  5. 管理自主權更高

缺點

  1. 需要自己手動架設和設計
  2. 需要自己管理後台和維護

WooCommerce使用心得

如果你是第一次搭建網站那就要有些心理準備,過程中肯定會需要不斷的學習和試錯才會慢慢進步,但這也是自架站的樂趣所在。

架設電商網站需要非常注重網站速度和穩定性,畢竟現在人可沒有耐性慢慢等你的網站開啟,太慢或開啟不了的話就會馬上離開,這也將造成你的訂單流失。

因此個人會推薦使用Cloudways 雲端主機來架站,它會根據你的網站流量來調整資源,避免網站有時在促銷期間帶來的爆量而癱瘓。

只需最低每月$10美金起你就可以開始租用他們的主機,而且方案中也包含SSL憑證、防火牆系統、自動備份和快取等功能提高你網站的速度和安全性。

現在註冊的話你也可以先試用3天,完全不需要先綁定信用卡,只需幾分鐘就能完成架設,下方也會示範如何免費試用Cloudways主機來架站。

如果你還是覺得太麻煩的話可以直接和架站平台合作,像是Shopify就是目前最多人使用的電商網站,只需註冊帳戶就能開始上架產品,網站也有內建各種模板可以直接套用。

除此之外也包含了各種金流和物流所需的功能,現在也有很多人用它來做Dropshipping和跨境電商,只不過月費會比較高(每月$29美金起)。

WooCommerce架站教學

現代的主機商都可以幫你預先安裝好Wordpress 內容管理系統甚至是Woocommerce外掛,過程完全不需要任何的程式語言,只需要點選幾個簡單的設定就行了。

下面就示範 Cloudways主機商的架站流程,你可以先免費試用3天而且不需要綁定信用卡,他們也會幫你安裝好Wordpress和Woocommerce:

  1. 註冊Cloudways帳戶和密碼
  2. 登入後點選『Add Server』
  3. 如不確定可用CW計算機試算
  4. 安裝WooCommerce和選擇主機
  5. 等待系統安裝WooCommerce
  6. 查看網站的應用信息和設定
  7. 獲取網站暫代網址和Wordpress後台帳密

到這裡基本上已完成安裝,接下來你可以在瀏覽器輸入上面提供的暫代網址就能看到類似下方的歡迎頁面,之後確定要繼續使用才更改網域設定就行了:

WooCommerce 網站歡迎頁面
↑ WooCommerce 網站歡迎頁面

WooCommerce後台教學

接下來我們需要登入wordpress 的後台,你可以在網址後方添加 “/wp-admin” (如xxx.com/wp-admin) 即可前往登入頁面,輸入在上面第5步得到的帳密就可登入。

登入後可以在Settings>General 調整成繁體中文介面:

Wordpress 登入頁面
↑ WordPress 登入頁面
Wordpress 後台介面
↑ WordPress 後台介面

在後台的左側欄中你可以看到Wordpress和Woocommerce的功能列表,首先可以先前往設定>永久連結:

Wordpress 永久連結設定介面
↑ WordPress 永久連結設定介面

選擇『文章名稱』和『商店起點』會讓網址看起來較短和簡潔,對SEO優化和排名也會有幫助。

WordPress的功能來來去去就是用那幾樣而已,多摸索幾次就會了,偶爾可能需要更新功能外掛或更換佈景主題,接著就分享幾個你可以一開始先做好的Woocommerce設定:

Woocommerce 商店設定

如果你的WooCommerce設定沒有變成中文記得先去更新你的語言套件(如下圖),其他的外掛和主題可以稍後再更新沒關係。

更新Wordpress 語言套件
↑ 更新Wordpress 語言套件

點擊Woocommerce>設定 後就可以看到如下方的設定介面,你也可以從列表中切換查看其它的功能設定,大部分只要保持預設值或以後有需要在調整就行:

這裡主要填寫你的電商基本信息,比如商店的地址、銷售地區和所使用的貨幣等等,你可以根據自己的情況調整。

Woocommerce 一般設定介面
↑ Woocommerce 一般設定介面
Woocommerce 貨幣選項
↑ Woocommerce 貨幣選項

這裡分為一般|庫存|可下載商品 3個選項:

一般

主要可以調整以下3樣東西:

『商店頁面』:預設你想要暫時的商品列表頁面
『預設位置圖片』:可到Wordpress>媒體庫中獲得你想要填入的圖片url連結,當你忘記給某商品上圖片時就會先展示該圖片
『啟用評價』:勾選後就能讓顧客留言

Woocommerce 一般商品介面
↑ Woocommerce 一般商品介面

庫存

啟用庫存管理後就能添加你的電郵信箱,當庫存少於臨界值時就能收到電子郵件通知。

Woocommerce 商品庫存介面
↑ Woocommerce 商品庫存介面

可下載商品

主要用來管理虛擬產品的交易,比如電子書、軟體和文件等,如果想要訪客註冊和登入後才能下載就勾選“下載前登入”,其他可以保持預設值。

Woocommerce 可下載商品介面
↑ Woocommerce 可下載商品介面

這裡可以調整你想要提供給顧客的商品運送方式,在網站安裝並啟用綠界科技的物流外掛就能開啟超商取貨的選項。

ecpay logistics for woocommerce
↑ Woocommerce 綠界科技物流外掛
Woocommerce 運送方式介面
↑ Woocommerce 運送方式介面

這裡可以設定你想要提供給顧客的付款方式,比較常用的就有銀行轉帳和貨到付款,如果是國際電商就會使用到Paypal平台。

在台灣可以註冊綠界科技的服務,然後在網站安裝並啟用綠界科技的金流外掛就能使用更多熱門的付款方式還有超商取貨付款的功能,如下:

Woocommerce 綠界科技金流外掛
↑ Woocommerce 綠界科技金流外掛
Woocommerce 付款介面
↑ Woocommerce 付款介面

這裡主要是設定讓顧客購物時註冊他們的個人帳號,這樣之後你也能為他們提供專屬的優惠券,或是透過電郵行銷進行後續的跟進與銷售。

Woocommerce 帳號及隱私權設定介面
↑ Woocommerce 帳號及隱私權設定介面

在隱私權政策的部分可以點擊『隱私權頁面』添加你的網站使用條款來保護你自己,網上也有許多中文的範本可以參考。

這裡可以設定當網站發生某個特定交易或動作時你想要收到或發給顧客的電子郵件信息,比如新訂單通知、取消訂單或給顧客發送訂單發票明細等,點擊『管理』就能預設信息內容:

Woocommerce電子郵件介面
↑ Woocommerce電子郵件介面

你可以在信息欄中添加以下3 種動態數值,系統會自動幫你帶入相關資訊,如下圖:

網站標題:{site_title}
訂單日期:{order_date}
訂單編號:{order_number}

Woocommerce電子郵件信息
↑ Woocommerce電子郵件信息

Woocommerce 上架商品

完成基本設定後,接下來就可以到商品>新增 開始上架你的產品啦!

你可以編輯永久連結(需先儲存草稿),添加➊商品名稱、➋描述、➌資料、➍簡短說明和➎圖片等,如下:

Woocommerce 商品後台介面
↑ Woocommerce 商品後台介面

在商品資料中主要可分為以下四種商品種類:

  1. 簡單商品:用於單一型號的產品、服務(虛擬)或非實體(可下載)
  2. 可變商品:可為商品添加各種型號、尺寸或顏色
  3. 外部/加盟商品:可添加其他網站聯盟行銷產品的連結按鈕
  4. 組合商品:可將其他相關產品捆綁在一起作為套餐選項

輸入商品價格、庫存和運送方式等資料後就能發布並看到類似下圖的頁面:

Woocommerce 商品前台介面
↑ Woocommerce 商品前台介面

只要有人下單了你可以到Woocommerce>訂單查看,到>顧客中管理顧客註冊的帳戶資料,還有在行銷>折價券中製作折扣代碼。

Woocommerce 常用行銷功能
↑ Woocommerce 常用行銷功能

Woocommerce 外掛推薦

如果WooCommerce 沒有你想要的電商功能你也可以到他們的網站去下載所需的擴充(Extensions)來添加功能,下面也整理了一些免費的電商外掛推薦:

  1. FiboSearch:在顧客搜尋時會即時出現自動搜尋建議
  2. Pickplugins Product Slider:製作輪播板塊來暫時產品
  3. Super Socializer:讓顧客可用社群帳號快速註冊、留言、點贊和分享
  4. TI Woocommerce Wishlist:顧客可收藏喜歡的商品到心願清單中
  5. Side Cart:網頁側邊欄設有購物車介面方便顧客查看添加過的商品然後結帳
  6. Checkout Field Editor:自訂你的結帳頁面欄位設計
  7. RY WooCommerce Tools:串接多家第三方金物流公司(綠界和藍新等)
  8. RY WC City Select:在運送地址中添加縣市>鄉鎮市選項
  9. Order Deliver Date:讓顧客可以選擇想要收貨的日期和時間
  10. Print Invoice & Delivery:添加訂單明細和運送資料到訂單確認信中
  11. Advanced Shipment Tracking:讓顧客可以追蹤訂單運送狀態
  12. Tawk.To:線上客服實時聊天外掛
  13. MailChimp:整合你的客戶名單方便後續的電郵行銷
  14. Yaymail:客制化電子郵件模板

想要找更多Wordpress 網站的佈景主題和外掛也可以點擊下方按鈕查看:

如何經營電商賺錢?

經營電商可不像實體店開了就能坐等顧客路過和上門,想要透過網站賺錢更重要的是你的經營策略還有必須不斷推廣你的產品來吸引更多的流量到你的網站。

你可以透過優化網站SEO來獲得自然流量,或試用投放精準的數位廣告給你的潛在客戶,最後在用電郵行銷的方式與他們保持聯繫和常常回購。

在架設網站時可以安裝SSL(Secure Sockets Layer)憑證來加密網站的網址,保護網站和訪客的資訊和隱私,讓訪客瀏覽時更有安全感。

設計網頁框架,功能表和按鈕時也應該盡量保持簡單易用,這樣能鼓勵使用者在網站待更長的時間,使用響應式的網頁設計更能兼顧手機用戶使用習慣。

另外,提升網站的開啟速度和瀏覽流暢度也會大大影響用戶的使用體驗,如果網站開得太慢訪客自然就會很快離開,造成訂單的流失。

如果想了解更多有關經營電商賺錢的方法也可以點擊下方領取免費教程:

Cloudways網域設定

如果試用下來還覺得滿意就可以回到Cloudways後台,在介面上方看到試用期的倒數時間(最多3天),點擊DKii6RZB7LerkUrGxKAmfriun2 w2rB2gnpNCKN920ERfd8O86EB1VZUs5ck6URUxAdAAJGb 0F0KaNrJgbRFmg1NyNt14gk1U7kxDPIs8PVG8cuDyoiT FO5Xjokz1M31luDNuf=s0升級你的帳戶並綁定信用卡就能繼續使用了。

你也需要將Cloudways提供的暫代網址替換成你想要的網域,這樣訪客才能透過你的網址探訪你的電商網站。

申請網域(Domain)其實很簡單,基本上只需上網查看你想要的網域名字是否有人使用和多少錢(約每年$10美金),確定無人使用然後付錢購買就行了。

Namecheap網域價格
↑ Namecheap網域價格

購買後你就可以到Cloudways 後台輸入你的新網域,再到網域商後台(如Namecheap或Godaddy等) 的DNS設定添加以下記錄(record) 就行了:

  • A記錄(record) – 輸入你的CloudwaysIP地址
  • CNAME記錄 – 輸入‘www’,這樣訪客輸入www.xxx.com時也會被引導至你的xxx.com網域

下面也會展示幾家不同的網域註冊商後台的DNS設定和Cloudways後台設定如何操作:

  1. 前往Application>Domain Management輸入你的網址
  2. 前往Cloudways>Servers獲取主機IP地址
  3. 到你的網域商後台添加A記錄和CNAME:

更改A記錄的IP地址後需要等一下讓他連接,之後到DNS Checker查看你的網域是否以連接上Cloudways 主機的 IP地址就行了。

其他網路賺錢方法

相信很多人都想逃離早九晚五的工作模式,想要創業卻沒有足夠的資金或經驗,而且風險也很大。

如今隨著網路科技的發達,想在網路上賺錢已不再是癡人說夢,而且所需的起始資金也不大,可以一邊工作一邊經營直到賺取足夠的生活費再離職。

除了以上分享的內容,其實還有許多其他的網賺方式,只需要在網絡上搜索就可以發掘許多有用的相關資料,祝大家可以儘早尋得適合自己的經營模式!

喜歡這篇文章的話就分享出去吧!

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

回到頂端