當客戶到你的課程銷售網頁並決定要購買時,接著就要會導引他們進入付款方式以及物流配送 (實體商品) 的選項,這也是購物網站中最核心的部分。接下來的課程將會指引你如何串接購物網站的金、物流 (這裡以綠界科技金、物流串接為範例),讓你順利的將貨品送出去 (實體商品) 並將款項收回來!

如果我們的網站以販售線上課程 (非實體商品) 為主,則可以暫時忽略物流串接的設定,待有實體商品販售時再來設定!

1. RY WooCommerce Tools 外掛安裝

串接綠界科技金、物流,你可以選擇下載綠界官方開發的 WordPress 金、物流外掛,也可以使用另一款外掛:RY WooCommerce Tools 外掛 (擇一即可)。

本課程建議你使用更方便的 RY WooCommerce Tools 外掛,它除了支援綠界金、物流串接之外,同時又可支援藍金金、物流、速買配金、物流,讓你有多樣性的選擇(擇一即可)。

到 WordPress 後台 >> 外掛 >> 安裝外掛,搜尋並安裝、啟用 RY WooCommerce Tools。

RY WooCommerce Tools 安裝

當你完成安裝、啟用 RY WooCommerce Tools 之後後,前往 WooCommerce >> 設定,會看到頁面上已經新增了一個 RY Tools 標籤。


RY WooCommerce Tools 基本設定


綠界支援

  • 勾選:啟用 綠界金流 模組
  • 勾選:啟用 綠界物流 模組
RY WooCommerce Tools 基本設定

一般選項

  • 勾選下列選項 (可自己視需求選擇)
  • 最後,點擊 "儲存設定" 按鈕。
thrive apprentice - woocommerce - ry tools settings

RY WooCommerce Tools 綠界金流設定

點擊 "綠界金流設定" 標籤。

  • 1. 勾選 "啟用 綠界金流 模組"。
  • 2. 勾選 "啟用綠界金流測試模式"。(當購物網站架設完成,我們必須先進行測試收款的程序是否可以順利完成,測試完畢後再關閉此測試模式。)
  • 3. 輸入測試用的介接資料 (C2C):如下。

MerchantID:2000933

HashKey:XBERn1YOvpM9nfZc

HashIVh1ONHk4P4yqbl5LK

  • 4. 最後,點擊 "儲存設定" 按鈕。
RY Tools 綠界金流設定

綠界科技提供兩種用來測試的介接資料: (B2B 和 C2C)

MerchantID

HashKey

HashIV

2000132 (B2C

5294y06JbISpM5x9

v77hoKGq4kWxNNIS

2000933 (C2C

XBERn1YOvpM9nfZc

h1ONHk4P4yqbl5LK

(免費版 RY WooCommerce Tools 只提供支援綠界科技 C2C 功能,因此,我們選用 C2C 的測試介接資料)

RY WooCommerce Tools 綠界物流設定

點擊 "綠界物流設定" 標籤。

基本設定

  • 勾選 "啟用 綠界物流 模組"。
  • 記錄狀態變更:勾選 "於訂單備註中記錄狀態變更"。(在 WooCommerce 訂單內的 "訂單備註",會自動的記錄狀態變更。)
  • 自動更新訂單狀態:勾選 "當物流狀態發生變換的時候同步更新訂單狀態"。
  • 自動取得物流寄貨單號:勾選 "當訂單狀態變更為處理中時自動取得物流寄貨單號"。此功能為綠界科技自己開發的外掛所沒有的,我們可以直接在 WordPress 後台列印物流寄貨託運單,不需要再進入綠界管理後台。
RY Tools 綠界物流設定_基本設定

物流單設定

  • 超商取貨類型:RY WooCommerce Tools 免費版只能使用 C2C 選項,至於 B2C 功能則需要額外付費。
  • 輸入寄件人資料:寄件人姓名、寄件人電話、寄件人手機、寄件人郵遞區號、寄件人地址
RY Tools 綠界物流設定_物流單設定

API 憑證

  • 勾選 "啟用綠界物流測試模式"。
  • 輸入測試用的介接資料 (C2C):如下。(當購物網站架設完成,我們必須先進行測試物流的程序是否可以順利完成,測試完畢後再關閉此測試模式。)

商店代號 (MerchantID):2000933

HashKey:XBERn1YOvpM9nfZc

HashIVh1ONHk4P4yqbl5LK

  • 點擊 "儲存設定" 按鈕。
RY Tools 綠界物流設定_API憑證

2. WooCommerce 運送方式 (物流) 設定

運送區域

前往 WordPress 後台 >> WooCommerce >> 設定 ,點擊 "運送方式" 標籤選項,接著點擊 "新增運送區域" 按鈕。

WooCommerce 運送方式設定
  • 區域名稱:輸入 "台灣"。
  • 區域中的地區:選擇台灣。
  • 運送方式:點擊 "新增運送方式" 按鈕,新增運送方式。
WooCommerce 新增運送方式

WooCommerce 本身提供的物流方式有 3 種: 單一費率、免費運送、自行取貨。

而我們透過 RY WooCommerce Tools 外掛串接到綠界科技之後則又多了幾個物流方式可供選擇:超商取貨 (7-ELEVEN、全家便利店、萊爾富、OK超商) 、宅配 (宅配通、黑貓)。

WooCommerce 新增運送方式

單一費率

我們可以向客戶收取固定的運送費用 (自行設定),然後以郵寄或宅配方式寄給客戶。

  • 方案標題:自行輸入標題,例如: "郵寄到貨"。
  • 稅金狀態:選擇 "無"。
  • 費用:自行輸入金額。
  • 最後,點擊 "儲存設定" 按鈕。
WooCommerce 物流設定_單一費率

免費運送

你可以設定當顧客購買一定金額時 (例如:1000元),則享有免費運送的服務。或者,你也可以提供 "免運折扣碼" 給顧客,讓他們自行輸入折扣碼後獲得免運的服務。

這裡以設定 "最小訂購金額" 為範例:選擇 "最小訂購金額" 選項之後,點擊 "儲存設定" 按鈕。

WooCommerce 物流設定_免費運送_設定
  • 標題:自行輸入標題,例如: "全站滿千免運"。
  • 如果要免運費的話需要..:選擇 "最小訂購金額"。
  • 最低訂購金額:自行輸入金額 (消費者可以獲得免運費的最低消費金額)。
  • 優惠券折扣:如果勾選這個選項,系統會根據折扣前的訂單金額提供免運服務。
  • 最後,點擊 "儲存設定" 按鈕。
WooCommerce 物流設定_免費運送_設定_全站滿千免運

建議將免費運送放置在物流設定 (運送方式) 的最前面,當顧客購物達此條件時,就會自動出現此免費的運送方式。

自行取貨

如果你有實體店面,並開放顧客到店取貨,就可以新增 "自行取貨" 物流方式。

WooCommerce 物流設定_自行取貨

綠界物流 超商取貨 (7-ELEVEN、全家便利店、萊爾富、OK超商)

依據自己購物網站的需求,來新增 "綠界物流 超商取貨 (7-ELEVEN、全家便利店、萊爾富、OK超商)" 的物流方式。

新增運送方式_綠界物流超商取貨

編輯完成後,記得點擊 "儲存設定" 按鈕。

新增運送方式_綠界物流超商取貨_7-11

綠界物流 宅配 (宅配通、黑貓)

依據自己購物網站的需求,來新增 "綠界物流 宅配 (宅配通、黑貓)" 的物流方式。

新增運送方式_綠界物流宅配

編輯完成後,記得點擊 "儲存設定" 按鈕。

新增運送方式_綠界物流宅配通設定

恭喜你!我們已經完成了運送方式的新增、編輯了。

新增所有運送方式_依據網站需求

運送選項

  • 計算:不須勾選。
  • 運送目的地:如果我們有使用超商取貨的功能,則建議勾選 "預設的客戶運送地址" 選項,如此一來,當顧客選完超商之後,系統將會自動顯示該超商資料。
  • 偵錯模式:不須勾選。
  • 最後,點擊 "儲存設定" 按鈕。
WooCommerce 運送方式_運送選項

運送類別

如果你販售的商品屬於特殊商品,例如:大型商品、冷凍食品 (大型)、貴重、保值或易碎商品等..,需要額外計算運費,可以在此處建立新的運送類別並設定新的運費。

  • 在運送類別標籤裡面,1. 點擊 "新增運送類別" 按鈕。
  • 2. 輸入運送類別名稱 (自行命名)、代碼 (自行命名,此代碼因為和網址相關故建議以英文為主)、描述
  • 最後,3. 點擊 "儲存設定" 按鈕。
WooCommerce 運送方式_運送類別

接著到 運送區域>台灣,在運送方式欄位裡面,找到之前已建立的 "郵寄到貨(單一費率)",然後點擊 "編輯"。

WooCommerce 運送方式_運送類別設定

接下來會來到下圖編輯畫面,此時我們可以發現剛剛新增的運送類別名稱 (冷凍食品)已經在運送類別費用欄位裡面了。

  • 1. 將先前設置的 "郵寄到貨" 費用 (80) 刪除(留空白),並將此費用 (80) 添加於無運送類別費用欄位裡面。
  • 2. 輸入剛剛新增的運送類別 (冷凍食品運送類別)費用
  • 3. 計算方式:有兩種計算方式分別是 "收取每個運送類別的費用 " 和 " 收取最貴的運送類別費用 ",可依照自己的產品需求選取最適合的方式。
  • 4. 點擊 "儲存設定" 按鈕。
WooCommerce 運送方式_運送類別設定2

最後,就是到我們的(冷凍)商品裡面,設定運送類別!

  • 回到 WooCommerce 商品 >> 所有商品,找到需要設定運送類別的(冷凍)商品,點擊 "編輯" ,進入產品編輯頁面。
WooCommerce 運送方式_運送類別設定4
  • 商品資料編輯欄位,點擊左邊的運送方式標籤,接著將運送類別,改為剛剛新增的 "冷凍食品" 類別 (如下圖)。
WooCommerce 運送方式_運送類別設定3
  • 最後記得點擊 "更新" 按鈕,就完成設定了。當顧客購買了此類商品,系統就會自動帶入這個運送類別並顯示費用為 NT$200 (下圖)。
WooCommerce 運送方式_運送類別設定5

3. WooCommerce 付款方式 (金流) 設定

點擊 "付款" 標籤。

thrive apprentice - woocommerce - payment settings

WooCommerce 本身提供的付款方式有 3 種: 銀行轉帳、支票付款、貨到付款

而我們透過 RY WooCommerce Tools 外掛串接到綠界科技之後則又多了幾種付款方式可供選擇:綠界信用卡、綠界信用卡(分期)、綠界網路 ATM、綠界 ATM 櫃員機 、綠界超商代碼、綠界超商條碼

WooCommerce 付款設定1

你可以根據自己的需求,選擇適用網站的付款方式。這裡介紹幾種常用的付款方式設定,基本上設定的方式都大同小異,很好理解!

先點擊 "啟用" 再點擊右邊的 "設定" 或 "管理"。

WooCommerce 付款設定2

銀行轉帳

點擊 "啟用" 再點擊右邊的 "設定",進入編輯頁。

  • 確定勾選了 "啓用銀行轉帳"。
  • 標題、描述、指示可以自己編寫。
  • 在 "帳號詳細資料:" 處,輸入你 (公司) 的:帳戶名稱、帳戶號碼、銀行名稱..等資料。
  • 最後,記得點擊 "儲存設定" 按鈕,當顧客結帳完成時就會顯示匯款資料。
WooCommerce 付款設定_銀行轉帳

貨到付款

點擊 "啟用" 再點擊右邊的 "設定",進入編輯頁。

  • 確定勾選了 "啓用貨到付款"。
  • 標題、描述、指示可以自己編寫。
  • 在 "啟用運送方式" 處,選擇指定的物流類型,當顧客選擇到我們指定的物流類型時,系統就會出現 "貨到付款" 這個選項。
  • 最後,記得點擊 "儲存設定" 按鈕。
WooCommerce 付款設定_貨到付款

綠界信用卡 (一次付清)

點擊 "啟用" 再點擊右邊的 "設定",進入編輯頁。

  • 確定勾選了 "啓用 綠界信用卡"。
  • 標題、描述:可以自己編寫。
  • 最小訂購金額:可以依照自己需求輸入最小訂購金額 ,當顧客購買的東西達到多少錢就可以使用信用卡付費 ( 0 代表停用最小訂單金額限制)。
  • 最後,記得點擊 "儲存設定" 按鈕。
WooCommerce 付款設定_綠界信用卡

綠界信用卡 (分期)

點擊 "啟用" 再點擊右邊的 "設定",進入編輯頁。

  • 確定勾選了 "啓用 綠界信用卡 (分期)"。
  • 標題、描述:可以自己編寫。
  • 最小訂購金額:可以依照自己需求輸入最小訂購金額 ,當顧客購買的東西達到多少錢就可以使用信用卡 (分期) 付費 ( 0 代表停用最小訂單金額限制)。
  • 允許的分期期數:可以依照自己需求選擇分期期數 (3期、6期、12期、18期、24期)。
  • 最後,記得點擊 "儲存設定" 按鈕。
WooCommerce 付款設定_綠界信用卡分期

以上為比較常用付款方式的設定介紹,如果你想增設其它付款方式,例如:綠界網路 ATM、綠界 ATM 櫃員機 、綠界超商代碼、綠界超商條碼,也可以利用上述方式:先點擊 "啟用" 再點擊右邊的 "設定" 或 "管理" 來設定即可。

一切就緒後,下個課程,我們將進行網站購買流程的測試!

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>