WooCommerce教學(2)-商店的付款方式與運費設定 - 傑哥架站 ...

文章推薦指數: 80 %
投票人數:10人

在完成WooCommerce的基本設定、匯入商品後,還必須設定金流(付款方式), ... WordPress 新手站長| 網站建置| SEO優化-傑哥架站教室交流團. WooCommerce教學(2)-商店的付款方式與運費設定WooCommerce / 2021-03-02本文最後更新日期:2021-03-02 今天接續上一篇的教學,完成WooCommerce的基本設定。

有了商品之後,還必須設定金流(付款方式),與物流(運送方式)的設定。

此外,也需要把結帳的頁面欄位順序修改一下,以符合台灣的習慣。

之後,就能進行線上訂單測試,與訂單管理、會員管理等流程了。

內容目錄 隱藏 1 WooCommerce運費設定 1.1 固定運費的設定 1.2 滿額免運費的設定 2 WooCommerce付款方式設定 2.1 銀行轉帳付款的設定 2.2 貨到付款的設定 2.3 第三方金流付款(信用卡/ATM/超商) 3 結帳頁欄位的修改 4 WooCommerce購物網站設定完成 WooCommerce運費設定 到後台WooCommerce選單,選擇設定→運送方式。

目前的運送區域能夠看到台灣,這裡指的是,在你的網站購物之後,可以寄送到的地理區域。

例如,你會透過宅急便出貨,那麼也就是只能送貨到台灣這個地理區域。

(若有物流有送到其他國家,也可以一一新增,但是要特別注意:運費的計算將會比較複雜。

) 此時,我們已經可以接受送貨到台灣各地,但運費是多少呢?尚未設定。

所以在台灣下方按編輯,進入編輯畫面。

WooCommerce的運費設定畫面 固定運費的設定 然後,按新增運送方式,選擇單一費率。

不論買多少都是固定一筆運費。

單一費率,不論買多少都是固定一筆運費 再按單一費率的編輯鈕,設定運費為100元。

儲存設定後就完成了基本的運費設定。

以後只要有訂單產生,並且是運送地址是在台灣的區域範圍內,則運費就是100元,會自動加入到訂單小計內。

滿額免運費的設定 如果需要滿額免費運送,那麼就再新增一個免費運送的運送方式,然後編輯它的最低訂購金額為2000。

那麼就會成為滿2000元免運費了! WooCommerce滿額免運費的設定 今天是以最快最簡單的方式,教大家能快速線上開店。

之後還會有許多運費的需求,例如:依重量材積計算運費、階梯式運費等等,都屬於運費的變化型。

有些需要其他的外掛來修改規則,或是經過較複雜的設定,這些就不在今天的討論範圍內囉! WooCommerce付款方式設定 接下來,我們轉到付款設定,預設有4種方式,其中支票付款不符合台灣人的習慣;而Paypal付款,不能接受本國人與本國人之間的付款(只能收外國人),所以只能以銀行轉帳和貨到付款二種方式進行。

銀行轉帳付款的設定 在這邊可以設定銀行轉帳的詳細資料,若客戶選擇銀行轉帳,則這些資料會顯示在結帳頁。

使用銀行轉帳的流程為:客戶購買後必須先自行按指示轉帳付款。

然後商家也要自行核對款項是否入帳。

若款項已經入帳商家才開始寄貨的程序。

WooCommerce啟用銀行轉帳的付款方式 貨到付款的設定 若客戶選擇「貨到付款」,客戶會跳過付款流程(不用付款),而直接成立訂單,然後商家就要開始寄貨。

系統只記載使用貨到付款的方式而己。

實際上收款,則是商家在設定貨到付款之前,必須先與物流商(例如:黑貓Pay)簽訂合約,然後讓送貨司機幫你收款,最後商家才會從物流商收到貨款。

在WooCommerce中啟用貨到付款功能 第三方金流付款(信用卡/ATM/超商) 一般商家為了收款方便,可以去申請第三方金流付款。

包含信用卡、ATM虛擬帳號、超商付款等等,都已經整合在同一個介面,可以一併處理。

傑哥是使用藍新金流,個人或是公司都可以免費申請。

藍新金流可以配合WooCommerce進行付款流程 第三方金流公司在收款後,會在一定的時間內把款項轉到的你金流帳戶,並且收取一點點的手續費。

而商家也免去了跟銀行串接的申請費用和麻煩的行政手續。

有關第三方金流的細節,在他們的網站都有詳細的介紹,不妨上網去參考一下。

商家進行金流申請後,最終要提供以下三種資料,可以使用金流公司提供的WooCommerce外掛來串接。

商店編號HashKeyHashIV 這邊涉及一些技術細節,如果要整合第三方金流,首先要了解各種方式的流程,以及配合商家的特性,做付款方式的選擇。

其中內容較繁雜,就不在此演示了。

結帳頁欄位的修改 金流、物流都設定好了之後,接下來,我們可以看到結帳頁還是姓名、地址欄位順序顛倒的狀況。

這是我們使用外國軟體的一個痛點。

我們必須要把它改成臺灣習慣的姓名、地址的排列方式。

這時候可以使用一個外掛CheckoutFieldEditorforWooCommerce,搜尋此外掛,安裝啟用它。

用它來修改地址和姓名的欄位順序。

可以使用拖拉的方式來改變帳單地址、運送地址內的欄位順序。

以拖拉的方式更改結帳欄位順序 並且,可以把沒有用到的欄位勾選後,隱藏(Disalbe)。

把WooCommerce中沒有用到的結帳欄位隱藏起來 WooCommerce購物網站設定完成 接下來我們隨意放一些商品進去購物車,然後開始進行結帳。

結帳的畫面欄位順序都已經調整好了,並且有金流物流的設定。

於是我們可以送出訂單,進行我們第一筆交易。

設定完成金流物流之WooCommerce結帳畫面 WooCommerce有非常簡便的介面,並且也有很多擴充資源,所以如果你的網店要自己建立的話,可以考慮使用這套軟體。

希望這篇文章對你有幫助,如果有問題歡迎留言給我。

加入FB社團如果你覺得這篇文章對你有益處的話,不要忘記去傑哥架站教室的粉絲專頁按個讚哦!傑哥最近也開啟了FB社團,歡迎大家到社團分享、討論哦!WordPress新手站長|網站建置|SEO優化-傑哥架站教室交流團 WordPress新手站長|網站建置|SEO優化-傑哥架站教室交流團 訂閱傑哥雙周報,每雙周星期四寄給您有料的私房文章。

訂閱後,立即贈送29頁的PDF電子書,教您如何運用軟體,《20分鐘,在自己的電腦免費架設網站》 2commentson“WooCommerce教學(2)-商店的付款方式與運費設定” 傑哥您好, 我想請問一下,我目前是使用WooCommerce架網路商店。

想問一下有沒有推薦的免費外掛程式可以安裝, 讓運送方式部份可以選擇便利商店取貨(並可點選店家相關的地址列表) 因為目前我找到的都是金流加物流,兩種外掛程式一起相搭配的。

但我只需要外流可以選便利商店地址就好。

謝謝你!! 回覆 藍新、綠界都有出金流+物流的官方免費外掛,包含金流與物流哦~~ https://www.ecpay.com.tw/Service/Appcntr_Shpcar 另外,有一家RYWooCommercetools也整合了多家的金、物流,請參考 https://richer.tw/ry-woocommerce-tools 回覆 發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*留言顯示名稱* 電子郵件地址* 個人網站網址 在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址,以供下次發佈留言時使用。

Notifymeviae-mailifanyoneanswersmycomment. Δ 搜尋關鍵字: 訂閱電子報 訂閱傑哥雙周報,每雙周星期四寄給您有料的私房文章。

訂閱後,立即贈送29頁的PDF電子書,教您如何運用軟體,《20分鐘,在自己的電腦免費架設網站》 文章分類 SEO WooCommerce WordPress推薦外掛 主機相關 作品案例 新手起步 第三方服務 網站建置基礎課程 網站建置進階課程 部落格 電腦技巧 頁面編輯器 最新教學按讚加入粉絲團WordPress傑哥架站教室 最新文章 使用WordPress實做SEO的方法 如何製作一頁式的快速購買頁面 台南外匯車-珈裕國際車業 如何設定WordPress網站的寄信SMTP?並使用Brizy製作聯絡我們頁面 Brizy編輯器搭配Blocksy佈景主題教學,30分鐘建立WordPress網頁 美國飛寶石油官方網站 桃園電焊機硬翰科技-焊天下 桃園室內設計-浩室設計 字畫收購.書畫買賣-崇雅堂 吉他教學網站-原作教你彈吉他 九五國際商務中心 網站建置的必要條件:網址與主機 2021最新Cloudways教學,50張完整圖解VPS主機設定與WordPress架站 WordPress新手教學:選擇內容管理系統的7項要素 如何使用Gmail收發Gandi的免費電子郵件 如何使用Outlook、Gmail收發虛擬主機的電子郵件 如何在WordPress網站埋入GoogleAnalytics追踨碼(GA4) WooCommerce教學(2)-商店的付款方式與運費設定 WooCommerce教學-商店的初始設定與匯入商品範例 網站建置費用大解析-抓預算5要點 6個檢查點,優化你的WordPress網站速度 如何在WordPress製作一個客製化的登入頁面 12個高品質免費設計資源素材下載 中文網址會影響SEO效果嗎?如何自動翻譯為英文 5個有趣的WordPress網站應用實例 歡迎來到傑哥架站教室現在開始將教學拍成影片,希望您也可以訂閱我的頻道。

將每周推出一支教學影片。

希望得到您的回饋!傑哥的YouTube新手起步第一課:內容管理系統第二課:網址與主機第三課:Cloudways主機教學第四課:形象網站示範架站教學推薦工具網站建置文章網站地圖關於我傑哥介紹提供服務連絡我Email:[email protected] dot-circle-o linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram



請為這篇文章評分?