WooCommerce 免運費設定 – Advanced Free Shipping 外掛教學

WooCommerce 免運費

WooCommerce 免運費設定 – Advanced Free Shipping 外掛教學 內容綱要:

1. Advanced Free Shipping 外掛安裝與前置設定

2. 自訂免運費條件與測試

WooCommerce 免運費 對許多電商站長而言是相當困惑的一個問題,因為在 WooCommerce 預設的運費選項中可以啟用免費運送的,但是在購物車以及結帳畫面中,當顧客達到免運條件時,卻不會隱藏其它運送選項,而是多出免費運送的項目讓顧客在結帳時自行點選。就結帳流程的實際操作面而言,是相當不合邏輯的,當顧客滿足免運條件,應該只需顯示本次結帳不需運費的文字,而不是還要讓顧客選擇,讓結帳流程複雜化。

在本次教學中就是要跟大家分享使用 WooCommerce Advanced Free Shipping 外掛來做結帳流程優化,除了當顧客滿足免運條件時將只顯示免費運送的文字提示之外,也能自訂免運費結帳規則,從結帳金額、稅率、地區、使用者身份、商品分類等都可以做為免運費的條件,可運用的自由度非常高。希望這次教學可以對各位辛苦的電商站長有所幫助。

WooCommerce 官方說明文件:https://docs.woocommerce.com/

Advanced Free Shipping 外掛下載點:https://tw.wordpress.org/plugins/woocommerce-advanced-free-shipping/

Woo Advanced Free Shipping 外掛技術支援論壇https://wordpress.org/support/plugin/woocommerce-advanced-free-shipping/

• 安裝 Advanced Free Shipping 及運送選項設定

第一步:進入到網站後台的外掛安裝頁面,搜尋 Advanced Free Shipping ,按照下圖指示依序點選安裝並啟用。

WooCommerce 免運費

 

第二步:到 WooCommerce 設定 → 運送方式 → 運送區域中,確定系統預設的免費運送選項沒有啟用,如果有就必須進入設定的運送區域中做變更。

WooCommerce 免運費

 

第三步:在系統免費運送選項啟用的狀況,當顧客滿足免運條件就會將所有的運送方式都會列出,讓顧客自行選擇,如下圖所示。

WooCommerce 免運費

 

第四步:進入到運送區域設定畫面後,將免費運送的按鈕關閉後儲存修改,如果說是啟用的,Advanced Free Shipping 的免運設定將不會有效果

WooCommerce 免運費

 

第五步:點選 Advanced Free Shipping 後進入到設定畫面,以下說明:

  1. 勾選後啟用 Advanced Free Shipping 功能。
  2. 選中表示當滿足免運條件時,將自動隱藏其他運送方式。
  3. 新增免運條件按鈕,後面將接續說明。

WooCommerce 免運費

 

第六步:上一步驟點選免運條件按鈕後將會進入下方畫面,首先設定運送標題,在網站後台好辨認即可,不會影響到網站前台,第一個項目就是要選擇免運條件來源,總共有三大類,分別是購物車選項、使用者資料、商品內容等,接下來步驟中筆者會以總訂單金額、商品數量、商品分類來做範例說明。

WooCommerce 免運費

 

第七步:第二欄位是設定條件等式,由上至下分別為:等於、不等於、大於或等於、小於或等於,在設定時要先確定自己的條件要套用哪一個等式,不然設定會無法生效。

WooCommerce 免運費

 

第八步:以下說明圖中的免運條件:

  • 當總金額大於或等於 250 時,將套用免運費。
  • 當商品數量大於 1 件時,將套用免運費。

WooCommerce 免運費

 

 

• 免運條件(或者、以及)設定方式與購物車測試

第一步:免運條件是可以使用群組方式來分別設定的,以第一組免運條件來說,就是 ” 當金額大於等於 250 以及 數量大於 1  兩個條件同時滿足時 ,將套用免運 “,如果加入了另一個群組條件,以下圖來說就會變成 ” 當金額大於等於 250 以及 數量大於 1 ,或者商品分類等於男裝鞋時,將套用免運 “。

加入群組方式為點選 Add ‘or’ group 按鈕,重複新增條件步驟即可。

WooCommerce 免運費

 

第二步:最後一項設定免運選項的文字,將會顯示在前台,接著點選發布,設定就會生效了。

WooCommerce 免運費

 

第三步:首先金額大於 250 ,顯示不需運費。

WooCommerce 免運費

 

第四步:數量為 1 件以上 ,顯示不需運費。

WooCommerce 免運費

 

第五步:當商品分類為男裝鞋時,顯示不需運費。

WooCommerce 免運費

結語:

Advanced Free Shipping 就免運費設定而言是非常易懂操作的,當然每個電商網站的狀況不同,也須會需要運送與結帳方式能夠相互結合,或者對可變商品、組合商品等設定更為複雜的規則,之後鵠學苑在 WooCommerce 教學中也會介紹更進階、功能更多的運費設定外掛,敬請期待喔!

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WooCommerce 外掛教學相關文章:

WooCommerce 訂單匯出 外掛教學,自訂區間條件及選擇檔案格式

WooCommerce 詢價車 – YITH Request A Quote 外掛設定教學

WooCommerce 預訂商品教學 –  Pre-Orders 外掛加入預訂服務

WooCommerce 自訂結帳表單 – Checkout Field Editor 外掛教學

WooCommerce 加入願望清單 外掛教學 – 多元化產品比較功能

WooCommerce 自訂商品頁籤 教學 ,加入更多商品詳細資訊

網站架設知識推薦閱讀:

如何清除瀏覽器快取(Cache) ? 查看最真實正確的網站狀況

無障礙網站介紹-規範說明、檢測工具與操作影片

Google One 介紹 – 全新雲端硬碟方案,擴充更多儲存空間!

分享在 facebook
Facebook
分享在 google
Google+
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top