找我們做網站
↑
Woocommerce · WooCommerce 外掛

WooCommerce 依運送方式限制付款選項:條件外掛教學

WooCommerce 外掛發布 2019.09.15更新 2026.10.02閱讀約 6 分鐘
WooCommerce 依運送方式限制付款選項:條件外掛教學

重點整理
想讓 WooCommerce 結帳頁只顯示相符的選項(例如選了貨到付款的運送方式,就只出現貨到付款),可以用官方付費外掛 Conditional Shipping and Payments。安裝後在 WooCommerce 設定的 Restrictions 頁籤新增限制規則,依運送方式、金額等條件隱藏付款或運送選項。

WooCommerce 自訂運送付款條件 主要是在修改預設的付款與運送顯示方式,在本篇教學中透過安裝 Conditional Shipping and Payments,就能夠讓每一種付款與運送方式能根據使用者結帳時的選擇對應顯示,比如說當顧客消費未達免運費標準,且選擇以銀行轉帳付款,那麼在購物車及結帳頁面就 “只會”  顯示銀行轉帳與必須支付運費的選項,不會再顯示其他無關的項目,讓結帳流程更加一目瞭然,增加顧客下單成功機會。

本篇教學所介紹的外掛是 WooCommerce 官方販售的 WordPress 外掛,如果要使用本篇文章所說明的功能,必須要到 WooCommerce 官網購買下載並安裝在網站上,鵠學苑本身也是自行購買使用才寫出此篇教學,如果你選擇購買外掛,鵠學苑不會得到任何利潤或費用,也沒有為此外掛做任何背書與保證,只是單純介紹此外掛功能與分享操作方式而已,這一點請務必注意。

設定 WooCommerce 付款項目顯示條件

第一步:進入到上方提供的連結,可以使用信用卡購買並下載外掛,安裝於網站上。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第二步:安裝完成後在 WooCommerce  設定中會多出 Restrictions 頁籤,就是設定付款及運費的位置。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第三步:先看看在還沒設定前 WooCommerce 預設的顯示方式,假如在購物車中點選貨到付款。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第四步:在結帳頁面會同時顯示銀行轉帳與貨到付款兩種結帳方式,筆者想做的是當顧客選擇貨到付款時,只顯示貨到付款的結帳方式。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第五步:在 Restrictions 中選擇 Payment Gateways,接者點選 Add Restrictions。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第六步:新增一個條件名稱為貨到付款,這裡名稱可以自由輸入,不一定要按照下圖顯示的文字,在 Exclude Gateways 中選擇貨到付款。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第七步:會在下方條件中選擇 Shipping Method 。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第八步:條件算式選擇 is ,並將銀行轉帳兩個運送方式加入,完成後點選儲存修改。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第九步:以同樣的方式加入銀行轉帳顯示條件。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第十步:完成後點選不同運送選項就會只顯示對應的付款方式。

加入 WooCommerce 運送項目顯示條件

第一步:運送選項設定方式基本上與付款選項一樣,但首先要先確凳網站啟用的運送方式有哪些,下圖筆者簡單將運送方式區分為四種。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第二步:在預設的狀態下,每次結帳時都會顯示所有的運送選項。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第三步:進入到 Restrictions 選擇 Shipping Methods ,同樣點選下圖標示的按鈕。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第四步:新增一個屬於需運費的選項,在 Exclude Methods 將免運費的兩個項目加入。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第五步:在 Conditions 中選擇 Cart Total 小於 1000 。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第六步:完成設定後點選儲存修改。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第七步:當金額低於 1000 時,只會顯示需要加運費的運送方式。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第八步:以同樣的方式設定免運費。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

第九步:同樣的當運費大於 1000 時就只會顯示免運費項目。

WooCommerce 自訂運送付款條件
WooCommerce 自訂運送付款條件

設定結帳條件前要先規劃什麼?

條件設定越多越容易互相打架,動手前建議先把規則寫成一張表:

  • 列出所有運送方式與付款方式,例如宅配、超商取貨、貨到付款、信用卡、轉帳。
  • 寫下每種組合是否允許,例如超商取貨可搭配取貨付款,宅配不提供貨到付款。
  • 確認金額門檻:免運門檻、貨到付款上限等數字要和網站公告一致。

台灣常用的金流、物流外掛有些本身就能設定可搭配的付款方式,先查看外掛設定,或許不需要另外購買條件外掛。

常見問題

WooCommerce 可以依運送方式限制付款方式嗎?

可以,但 WooCommerce 本身沒有這個設定,需要外掛。本文使用的 Conditional Shipping and Payments 是 WooCommerce 官方商店販售的付費外掛,安裝後可在 Restrictions 頁籤設定規則,例如選貨到付款的運送方式時,只顯示貨到付款。

Conditional Shipping and Payments 是免費的嗎?

不是,它是 WooCommerce.com 販售的付費擴充功能,需購買後下載安裝,並以訂閱方式取得更新與支援。WordPress 外掛目錄也有其他依條件隱藏付款方式的免費外掛,可以先比較功能是否夠用,價格以官網為準。

設定免運規則後結帳頁顯示不正確怎麼辦?

運送與付款條件要成對設定:設了「滿額才顯示免運」,也要設「未滿額只顯示需付運費的方式」,否則兩種選項會同時出現。設定後用不同金額與運送方式實際下單測試,確認每種組合都只出現該出現的選項。

結語

WooCommerce 自訂運送付款條件 是相對應的,如果説設定了免運費顯示條件,就必須也要設當有運費時的顯示條件,如果只設定單一條件就不會正確顯示所需條件,這一點請注意到。

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。