OpenCart 購物網站上的綠界金流模組優化

--

綠界科技雖然為 OpenCart 購物網站系統,推出了可直接下載安裝的金流擴充模組,但其模組的程式架構設計,並不算完全符合 OpenCart 金流模組的架構規則,例如後臺編輯不同付款方式時的設定,無法獨立分開設定,前台的金流選擇,更是被設計成兩階段的模式,消費者在選擇了綠界金流之後,才會出現信用卡及ATM的選項,非常不符合台灣消費者的使用習慣。

為了讓提升商店的購物體驗,所以決定來優化綠界官方的金流模組,把主要想改善的問題做一次處理,雖還沒有上線正式使用,但測試期間運作順利,故先分享成果,讓大家知道選擇 OpenCart 就是有這樣的優點,任何想要修改調整的地方,只要你能力夠、或是找到可靠的廠商,都能客製 OpenCart 的任何地方。

安裝完綠界金流模組後,其後台所提供的設定畫面如下圖 :

官方版的綠界金流模組後台設定畫面

除了各種付款方式可個別勾選啟用或不啟用之外,其他的欄位則屬於共用設定,商家無法為個別的付款方式設定訂單狀態、適用地區及排序,也無法自訂要顯示的付款方式名稱,雖然付款方式名稱可以從語系檔修改,但不是那麼簡便,對於不熟網站管理的商家而言,也有一定的難度,所以把這些後台的不便之處,都一併做了重新設計。

優化後的綠界金流模組後台設定畫面

優化後的編輯畫面,各種付款方式有了各自的狀態、適用地區、排序等設定,也提供了商家自訂前台顯示付款方式名稱的功能,這當然不只是畫面欄位的調整而已,還要儲存這些欄位資料,以供前台結帳時使用。

在前台方面,綠界官方版本的金流模組,是採2段式選擇的設計,必須先選擇綠界金流模組,才會再出現子選項,提供付款方式的選擇,如下圖:

綠界金流官方模組的前台結帳畫面

而經優化之後的綠界模組,畫面已簡化成下面的樣式,2段式選項合併成一段式,也符合 OpenCart 的架構,付款方式改以自訂的名稱出現,排序可以依自訂的順序呈現。

優化後的綠界金流模組前台結帳畫面

雖然未經優化的綠界模組仍可使用,但優化後的模組,一定能再提高一點點的用戶體驗,幫商家的品牌形象加分。

透過這次優化綠界模組的分享,我想讓更多人知道,擁有自主修改彈性的系統,真的非常方便,您也可以依樣畫葫蘆,自行二次客製您想要的綠界金流模組,例如幫各種付款方式設定各自的適用金額門檻,或是限定某個會員等級才能使用線上刷卡等等,因為程式碼都在自己的手上,如果你的購物網站,未來會有一些夢想期望擁有的功能,那建議您選擇 OpenCart,因為 OpenCart 是最有機會讓你完成夢想的購物網站系統。

--

--

資深電商工匠
資深電商工匠

Written by 資深電商工匠

開源電商首席工程師,18年購物網站設計、商家輔導上線經驗 ... https://www.osec.tw

No responses yet