WooCommerce教學 - 電子商務網站開店第一步 最重要的開店7大設定(商品、付款、運送、帳號、Email通知信)

【WooCommerce教學系列】電子商務網站開店第一步,必要7大設定(商品、付款、運送、帳號、Email通知信)

文章最後更新日期 2021 年 3 月 20 日

這篇的 WooCommerce教學系列中,要來介紹 電子商務網站開店前設定第一步,也是被許多站長常常忽略的最重要的一步

若是先前已經照著 「WooCommerce 網站導引」的步驟做過,可以再做一次檢查,確保日後營運無虞

由於 WooCommerce 是由國外團隊開發,其設定使用上並不符合台灣地區使用,所以要先修改之後才不會讓你的客戶在購買上覺得很奇怪唷

註:在  WooCommerce 4.3 版本中,也有逐步的操作的設定項目,也可以跟著網站導引來做設定

WooCommerce商店導引設定

    WooCommerce 4.3 版本商店導引設定

一、WooCommerce商店基本設定

1-1、進入 WooCommerce 設定

從左方的 WooCommerc 選單,點選「設定」進入設定商店的設定頁面

WooCommerce商店基本設定

1-2、商店地址設定

進入到設定頁面後,第一個會看到商店的地址設定,在這裡輸入你的 商店地址、城市、國家、郵遞區號 就可以囉

WooCommerce商店基本設定2
WooCommerce商店基本設定2

1-3、一般選項設定

在「一般選項」設定的地方比較特別些,因為 WooCommerce 可以用來做為跨境電商,這個步驟可以針對你的目標客群做設定

若你的客戶群除了台灣之外還有國外市場,可以維持原設定,設定為「銷售至所有國家」

而「稅金」的部份,會針對你選擇的地區而有所不同

WooCommerce商店基本設定3

若是您的電子商務網站的目目標客群是台灣
在「銷售地區」的地方,設定為「銷售至特定國家」,並設定為「台灣」
「運送地區」的地方,設定為「只運送至特定國家」,並設定為「台灣」

Woocommerce 銷售到台灣
WooCommerce運送區域設定為台灣
WooCommerce運送區域設定為台灣

1-4、優惠卷設定

這是站長覺得一個電商最基本的功能,優惠卷可以用來做活動促銷、網紅追蹤等等

這個步驟可以視 網站需求來自由開啟「優惠卷」的功能

WooCommerce商店基本設定4
WooCommerce啟用優惠卷

1-5、貨幣選項設定

「貨幣選項」的設定中,必需要先決定 電商網站的首要目標客群市場是哪個國家,若是設定錯的話,會導致商品價格單位有很大的不一樣

若是台灣市場的話,在 「貨幣」記得修改為「新台幣(NT$)」小數位數」的地方記得改為 「數字零」,才符合台灣市場的使用

WooCommerce商店基本設定5
WooCommerce商店基本設定5

二、WooCommerce 商品設定

這個段落的WooCommerce 教學基本設定,要來說明 WooCommerce 的「商品」設定

Woocommerce商品資料又可分 簡單商品組合商品可變商品部/加盟商品

而商品設定的部份分為三種 ,分別是 一般、庫存、可下載商品,下方就個別針對這幾個項目做說明

WooCommerce商店基本設定-商品設定
WooCommerce商店基本設定-商品設定

2-1、商店頁面設定

WooCommerce商店基本設定-商品頁面設定
WooCommerce商店基本設定-商品頁面設定

商店頁面:

當你安裝好 WooCommerce 之後,網站會自動建立一頁「Shop」的購物車頁面,通常沒有特殊需求採用預設的就可以了

加入購物車行為:

  • 成功加入後轉至購物車頁面:當商品被加入到購物車之後,會直接跳到「結帳頁面」,若是你的商品類型為高單價,客戶通常只會買一個,就可以開啟這個設定
  • 在彙整頁面啟用 AJAX 加到購物車按鈕:在彙整頁增加購物車按鈕,直接加入購物車而不跳轉頁面

預留位置圖片:

這個功能是用來做為「預設商品圖」使用,當你的商品沒有設定圖片時,就會自動套用這個設定,貼上「商品圖片網址」就可以完成設定
不過一般商品都會特別指定圖片,所以這個功能其實很少用到….

2-2、尺寸設定

這個部份會設定 商品的重量單位尺寸單位,這會影響到物流費用的運算,一般都是都是 公斤 與公分,採用預設的就可以了

WooCommerce商店基本設定-商品設定-尺寸設定
WooCommerce商店基本設定-商品設定-尺寸設定

2-3、商品評價設定

在商品頁面中設定是否要顯示「商品星星評價」

WooCommerce商店基本設定-商品設定-商品評分設定
WooCommerce商店基本設定-商品設定-商品評分設定

前台畫面參考

WooCommerce商店基本設定-商品設定-商品頁面評價
WooCommerce商店基本設定-商品設定-商品頁面評價

2-4、庫存設定

在這個設定中,可以讓你設定WooCommerce商品的庫存狀態

保留庫存:幫「未付款訂單」保留多少時間的庫存,預設為60分鐘,超過這個時間,待處理的訂單會被取消,若要停用的話,保留空白就好

通知:當低於庫存量、或是沒有庫存的時候,自動以Email通知管理員,Email信箱為「通知收件人」欄位設定的信箱

低庫存臨界值:當商品的庫存量少於設定的數值時,自動Email通知管理員

無庫存臨界值:當商品的沒有庫存的時候,自動Email通知管理員

無庫存可見度:如果沒有庫存的話,要不要自動隱藏商品

WooCommerce商店基本設定-商品設定-庫存設定
WooCommerce商店基本設定-商品設定-庫存設定

2-5、可下載設定

這個功能通常使用於 「虛擬商品」,例如電子書、付費檔案等等,通常比較會使用到的是「存取限制」

下載前需登入:設定要下載商品之前,是否需要登入

付款後賦予商品下載權限:若你要販售的是付費商品,那就要勾選這個選項,讓使用者付款完才能下載檔案

WooCommerce商店基本設定-商品設定-可下載商品
WooCommerce商店基本設定-商品設定-可下載商品

三、稅金

這個段落的WooCommerce 教學基本設定,要來說明 WooCommerce 的「 稅金」設定

這個步驟很重要,會影響到商品價格,用來設定商品的「稅金」,若是目標客群是台灣地區的話,商品是零售的話,參考站長的設定就可以了

也可以針對你的產業類型來做個別設定

WooCommerce商店基本設定-商品設定-稅金設定
WooCommerce商店基本設定-商品設定-稅金設定

四、運送方式(物流設定)

這個段落的WooCommerce 教學基本設定,要來說明 WooCommerce 的「 運送方式(物流)」設定

WooCommerce 會依照顧客填寫的運送地址及這個區域設定可使用的運送方法,運送區域的不同,所收取的運費也會不一樣

用來設定 運送區域、運送選項、運送類別
可設定國家,以及運送收費方式: 「單一費率」、「免費運送」、「自行取貨」

WooCommerce商店基本設定-商品設定-運送方式
WooCommerce商店基本設定-商品設定-運送方式

4-1、新增運送區域的設定方式

step 1

點選新增「運送區域」之後,剛進入時會看到是空的設定,可以新增物流要運送的國家,以及設定「單一費率」、「免費運送」、「自行取貨」

WooCommerce商店基本設定-新增運送方式
WooCommerce商店基本設定-新增運送方式

step 2

若你的目標客群是台灣地區,可以參考站長的設定,如下

  • 區域名稱:台灣地區(這裡可以隨意輸入標題)
  • 區域中的地方:這個步驟一定要選擇正確的國家,會影響到稅金及運費的計算
  • 運送方式:分為「單一費率」、「免費運送」、「自行取貨」
WooCommerce商店基本設定-商品設定-新增單一費率、免費運送、自行取貨
WooCommerce商店基本設定-商品設定-新增單一費率、免費運送、自行取貨

step 3

新增運送方式有三種,分別是 「單一費率」、「免費運送」、「自行取貨」,以下針對這三種方式做說明

  • 單一費率:讓您收取固定的運送費用。
  • 免費運送:免費運送是特殊方法,可以跟「折價券」和「最低金額」來做連動。
  • 自行取貨:允許客戶自行挑選訂單。 依預設,當使用當地取貨時,無論客戶地址為何,都會套用基本稅金。
WooCommerce商店基本設定-商品設定-新增單一費率、免費運送、自行取貨方式
WooCommerce商店基本設定-商品設定-新增單一費率、免費運送、自行取貨方式

單一費率:讓您收取固定的運送費用。

  • 方案標題:輸入自己可以辨別的標題
  • 稅金狀態:設定是含稅還未稅
  • 費用:設定物流的費用
WooCommerce商店基本設定-新增運送方式-單一費率
WooCommerce商店基本設定-新增運送方式-單一費率

免費運送:免費運送是特殊方法,可以跟「折價券」和「最低金額」來做連動。

  • 方案標題:輸入自己可以辨別的標題
  • 如果要免運費的話需要..:這裡可以設定觸發免運費的條件式
    • 一個有效的免運費折價碼
    • 最小訂購金額
    • 每筆訂單的最小金額或使用折價卷
    • 每筆訂單的最小金額以及使用折價卷
WooCommerce商店基本設定-新增運送方式-免費運送
WooCommerce商店基本設定-新增運送方式-免費運送

自行取貨:允許客戶自行挑選訂單。 依預設,當使用當地取貨時,無論客戶地址為何,都會套用基本稅金。

自行取貨的設定方式比較單純,「標題」輸入可辨別的文字,再輸入「費用」就可以

WooCommerce商店基本設定-新增運送方式-自行取貨
WooCommerce商店基本設定-新增運送方式-自行取貨

4-2、運送選項

這個用來計算運費費用的設定,依照需求來做設定就可以了

  • 在購物車頁面啟用運費計算器:在前台會多一個運費計算的功能
WooCommerce商店基本設定-新增運送方式-運送選項
WooCommerce商店基本設定-新增運送方式-運送選項

4-3、運送類別

若是你有多個商品都需要加收運費,就可以用這個「運送類別」這個功能來達成,一般會用來設定 「常溫商品」 及 「冷藏商品

WooCommerce商店基本設定-新增運送方式-運送類別
WooCommerce商店基本設定-新增運送方式-運送類別

step 1

設定完成後,可以在後台商品頁的「商品資料」→「運送方式」中找到「運送類別

WooCommerce商店基本設定-新增運送方式-運送選項前台對照
WooCommerce商店基本設定-新增運送方式-運送選項商品頁對照

step 2

回到「運送區域」,點選「單一費率」

WooCommerce商店基本設定-新增運送方式-運送選項位置
WooCommerce商店基本設定-新增運送方式-運送選項位置

step 3

就可以看到多了「運送類別費用」的欄位,在這裡就可以統一設定 「類別商品」的運送費用

假設你新增5個運送類別,就會多了5個欄位可以設定

「無運送類別費用」這個欄位跟單一費率的費用相同就可以了

比較特別的地方是「計算方式」:分為「每一分級」及「每一訂單」的設定,差別在於購物車中有2種以上的運送類別商品的時候。

  • 每一分級:將所有的運費類別的運費累加做計算。
  • 每一訂單:選擇運送方式最貴的那一個來做運費的計算。
WooCommerce商店基本設定-新增運送方式-運送選項位置
 

step 4

回到網站前台確認一下
商品費用為 80元,而 「3C商品類別」需要加收 100 元,無運送類別費用 60元
所以購買這個商品的總價格就會是

商品費用 80 + 加收100 +基本運費 60元,共240元沒錯

WooCommerce商店基本設定-新增運送方式-運送選項結果

WooCommerce商店基本設定-新增運送方式-運送選項結果

五、付款設定(金流付款)

這個段落的WooCommerce 教學基本設定,要來說明 WooCommerce 的「 金流付款」設定

WooCommerce預設付款方式共有四種,分別是「銀行轉帳」、「支票付款」、「貨到付款」、「PayPal」,每個付款方式點進去後都有不同的的設定方式

若要開啟信用卡的付款功能,可以安裝 藍新金流 綠界科技

WooCommerce商店基本設定-新增運送方式-基本設定
WooCommerce商店基本設定-新增運送方式-基本設定

六、帳號與隱私權

這個段落的 WooCommerce 教學基本設定,要來說明 WooCommerce 的「 帳號與隱私權」設定

管理訪客結帳、建立帳號、帳號清除要求、個人資料移除、隱私權政策、個人資料保留,下方站長就大概說明一下每個設定的用途

6-1、訪客結帳與建立帳號設定

  • 訪客結帳:設定是否要開放讓訪客不用註冊帳號就可以購買商品
  • 建立帳號:設定訪客可以在哪個步驟建立會員帳號
WooCommerce商店基本設定-新增運送方式-帳號與隱私權設定

6-2、隱私權政策

隱私權政策這個對電商網站非常重要,這是用來保護店家取得客戶資料的保護聲明,避免之後對個資的取得有所爭議,所以在這裡一定要先設定好

隱私權頁面會在「頁面」裡可以找到,頁面名稱會是 Privacy Policy,你也可以建立好一個頁面再做指定

「註冊隱私權政策」 及 「結帳隱私權政策」可以直接使用站長的寫法,複製貼上就可以囉

我們會使用您的個人資料用於整個網站上的操作、管理您的帳號權限以及使用 [privacy_policy] 所說明的其他用途

WooCommerce商店基本設定-新增運送方式-帳號與隱私權設定
WooCommerce商店基本設定-新增運送方式-帳號與隱私權設定

身為一個專業的站長,根據 GDPR 歐盟 個人資料保護的隱私權保護法中,隱私權政策是用來保護個人的隱私權聲明,若是不知道怎麼寫的話,站長在下方也提供範例給你

前往 下載隱私權政策中文範本 
這份文件只要將『 ○○網站 』的地方,修改為您的網站名稱,然後再貼上到新增的隱私權政策頁面

6-3、個人資料保留

這裡可以設定 會員帳號及訂單保留的時間,依照需求做設定就可以了

WooCommerce商店基本設定-新增運送方式-帳號與隱私權設定
WooCommerce商店基本設定-個人資料保留

七、電子郵件設定

這個段落的 WooCommerce 教學基本設定,要來說明 WooCommerce 的「 Email的電子郵件設定」

當你完成電子商務網站之後,這個WooCommerce 購物車網站的所有交易行為都會以 「Email信件來做通知」

除了向管理員發送訂單的狀態Email之外,同時也會向 「顧客」發送通知信件,例如訂單保留、處理中的訂單、完成訂購、已退款的訂單及客戶發票等等,讓每個購物狀態都非常的清楚

所以在 WooCommerce建立完成之後,因為每個產業的特性不同,在這個步驟做好最完整的設定,也比較可以貼近客戶需求,這也是站長覺得最重要的WooCommerce設定,才不會讓收到信件的客戶一頭霧水。

7-1、電子郵件通知

WooCommerce商店基本設定-Email 信件通知

WooCommerce商店基本設定-Email 信件通知每封 WooCommerce 發出的Email 通知信都是以 HTML的格式做發送,我們可以修改基本的信件內容,如收件者、主旨、電子郵件標題、其他內容

7-2、以新訂單為例做說明

以「新訂單」的通知信件為例,點選「管理」按鈕之後,可以看到的新訂單的設定內容,將每個欄位輸入想要傳達給客戶的訊息內容就可以了
在預設的內容中,會看到幾個由大括號包起來的一些文字,這些稱之為 「程式變數」

在WooCommerce Email通知信件中,你可以使用的變數有三種,說明如下,可以依照你的需求做輸入

  •  {site_title}  =>網站標題
  • {order_number}  =>訂單編號
  • {order_date}  =>訂單日期
WooCommerce商店基本設定-新訂單 Email 信件
WooCommerce商店基本設定-新訂單 Email 信件

7-3、電子郵件發送選項設定

要改變 WooCommerce樣式也很簡單,可以在電子郵件通知區塊的下方,就可以看到電子郵件選項的外觀設定

這裡比較常設定部份有

  1. 寄件者名稱
  2. 寄件人地址
  3. 頁首圖片:輸入你想要插入的圖片網址
  4. 頁尾文字
  5. 基本顏色 :設定你網站的主色系
WooCommerce商店基本設定-Email 電子郵件發送選項
WooCommerce商店基本設定-Email 電子郵件發送選項

設計完你的 WooCommerce 電子郵件之後,可以點選「按這裡預覽你的電子郵件樣板」做信件通知預覽

WooCommerce商店基本設定-Email 電子郵件樣版預覽
WooCommerce商店基本設定-Email 電子郵件樣版預覽

八、結論

看完這麼長篇的文章,會不會讓你覺得WooCommerce的設定很複雜?其實WooCommerce 的設定並不複雜,因為要符合眾多的電商網站使用,所以把要每個設定都獨立切割出來,並依照每個頁籤做分類,架構上很清楚,只要熟悉之後,就可以快速上手



若是對於教學文章有不清楚的地方,歡迎在下方留言
如果覺得我們的文章對你有幫助,也歡迎幫我們「分享」文章給更多人

我們正在製作 WP新手架站課程,包含部落格經營、電商網站的建置及經營教學,讓你省下5-10萬元的網站費用,不論是自己要經營,或是要當作接案技能都很適合,有興趣的話可以先填寫Email加入,我們將優先通知您,也能享有早鳥優惠價唷~~

想要快速學習成長架站的話,可以參考 WordPress專人1對1網站教學服務 ,1對1的教學可以針對您的需求,讓你更快速學習學習架站技能

若是有網頁設計的需求,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯繫
我們也有提供一對一教學及顧問服務,有需求的話也都可以跟我們聯絡唷

如果對 WordPress架站 有興趣的朋友,可以訂閱馬思特電子報或是按讚追蹤馬思特粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計相關文章。

近期開了一個FB社團,「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 / 網路賺錢 」,主要會是討論網站架設、部落格經營、網路行銷,進而探討如何從網路賺到錢,有興趣的朋友歡迎加入社團交流

如果我們的教學文章有對您有幫助,可以在下方按5下拍手,或是請 站長喝杯咖啡 支持我們創作更多優質的文章

更多實用文章推薦

Leave a Comment

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

Scroll to Top