OpenCart 電商系統上的綠界金流優化

更新於 發佈於 閱讀時間約 2 分鐘
綠界科技雖然為 OpenCart 電商系統推出了可直接安裝使用的金流擴充模組,但其設計的模組架構,並不算完全符合 OpenCart 金流模組的架構規則,包含後臺編輯不同付款方式時的設定,無法獨立分開設定,前台的金流選擇,更是被設計成兩段式的模式,消費者在選擇了綠界金流之後,才會出現信用卡及ATM的選項,非常不符合台灣消費者慣用的習性。
為了讓提升商店的購物體驗,所以決定優化綠界官方的金流模組,把主要想改善的問題做一次處理,雖還沒有上線正式使用,但測試期間運作順利,故先分享成果,讓大家知道,選擇 OpenCart 就是有這樣的優點,任何想要修改調整的地方,只要你能力夠、或是找到可靠的廠商,都能為你客製OpenCart 的任何地方。
安裝完綠界金流模組後,其後台所提供的設定畫面如下圖 :
官方版的綠界金流模組後台設定畫面
除了各種付款方式可個別勾選啟用或不啟用之外,其他的欄位則屬於共用設定,商家無法為個別的付款方式設定訂單狀態、適用地區及排序,也無法自訂要顯示的付款方式名稱,雖然付款方式名稱可以從語系檔修改,但不是那麼便捷,對於不熟網站管理的商家而言,也有一定的難度,所以把這些後台的不便之處,都一併做了重新設計。
優化後的綠界金流模組後台設定畫面
優化後的編輯畫面,各種付款方式有了各自的狀態、適用地區、排序等設定,也提供了商家自訂前台顯示付款方式名稱的功能,這當然不只是畫面欄位的調整而已,還要儲存這些欄位資料,以供前台結帳時使用。
在前台方面,綠界官方版本的金流模組,是採2段式選擇的設計,必須先選擇綠界金流模組,才會再出現子選項,提供付款方式的選擇,如下圖:
綠界金流官方模組的前台結帳畫面
而經優化之後的綠界模組,畫面已簡化成下面的樣式,2段式選項合併成一段式,也符合 OpenCart 的架構,付款方式改以自訂的名稱出現,排序可以依自訂的順序呈現。
優化後的綠界金流模組前台結帳畫面
雖然未經優化的綠界模組仍可使用,或許優化後的模組,也只是提高了一點點的用戶體驗,但透過這次優化綠界模組的分享,我想讓更多人知道,擁有自主修改彈性的系統,真的非常方便,您也可以依樣畫葫蘆,自行二次客製您想要的綠界金流模組,例如幫各種付款方式設定各自的適用金額門檻,或是限定某個會員等級才能使用線上刷卡等等,程式碼都在自己的手上,就是可以任性,如果你的購物網站,未來會有一些夢想期望擁有的功能,那建議您選擇 OpenCart,因為 OpenCart 是最有機會讓你完成夢想的購物網站系統。
avatar-img
7會員
10內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
電商工匠的沙龍 的其他內容
Google Data Studio 內建支援 Google 地圖作為報表的元件,如果你正在評估開設實體門市的地點,就可以考慮採用這種方式,從客戶歷史訂單的地址資料,製作潛在客戶所在之熱點圖做分析。
拜讀 Happy Lee 的文章 「NAPL模型 - 零售業數據教我們的人生哲理」之後,對於 91APP 之所以能持續穩坐台灣開店平台的龍頭地位,深深的感到敬佩,尤其是扎扎實實為滿足商家需求,或為商家提供實質幫助而開發的各種軟體服務,包括這篇文章要討論的主角 - NAPL模型。
目前最多人選擇的購物網站架站系統,以 WooCommerce(WordPress外掛) 及 OpenCart 為主流,當然還有其他的系統,不過考量到外掛、版型、技術資源的豐富性及可得性,這兩套以外的系統都不建議採用,以免後續要擴充或是維護,都帶來找不到資源或人手的困擾。
觀察訪客在網站上的瀏覽動線、畫面捲動、滑鼠的移動軌跡與點擊,可以幫助網站經營者了解網頁設計布局上的缺失,並進一步調整優化,便能讓網站的使用體驗能持續變好,提高轉換率,近期來已逐漸被電商業視為必備工具項目之一了。
由於在美國,年底即將迎來一波網路購物的高潮 Black Friday 和 Cyber Monday,Google 前幾天提供給網路商家一些準備 Landing Pages 的技巧策略,國內電商也將喜迎即將到來的雙十一,這一份建議一樣也適用於國內的電商。
Google Data Studio (以下簡稱 GDS)已經發佈超過 4 年,是一套數據視覺化工具,能把數據資料轉成比較容易閱讀的各種圖表,類似 Excel 的樞紐分析功能,本篇文章將介紹電商網站能如何使用 Google Data Studio 來產製圖表,而不只是顯示 GA 或 GSC 的報表。
Google Data Studio 內建支援 Google 地圖作為報表的元件,如果你正在評估開設實體門市的地點,就可以考慮採用這種方式,從客戶歷史訂單的地址資料,製作潛在客戶所在之熱點圖做分析。
拜讀 Happy Lee 的文章 「NAPL模型 - 零售業數據教我們的人生哲理」之後,對於 91APP 之所以能持續穩坐台灣開店平台的龍頭地位,深深的感到敬佩,尤其是扎扎實實為滿足商家需求,或為商家提供實質幫助而開發的各種軟體服務,包括這篇文章要討論的主角 - NAPL模型。
目前最多人選擇的購物網站架站系統,以 WooCommerce(WordPress外掛) 及 OpenCart 為主流,當然還有其他的系統,不過考量到外掛、版型、技術資源的豐富性及可得性,這兩套以外的系統都不建議採用,以免後續要擴充或是維護,都帶來找不到資源或人手的困擾。
觀察訪客在網站上的瀏覽動線、畫面捲動、滑鼠的移動軌跡與點擊,可以幫助網站經營者了解網頁設計布局上的缺失,並進一步調整優化,便能讓網站的使用體驗能持續變好,提高轉換率,近期來已逐漸被電商業視為必備工具項目之一了。
由於在美國,年底即將迎來一波網路購物的高潮 Black Friday 和 Cyber Monday,Google 前幾天提供給網路商家一些準備 Landing Pages 的技巧策略,國內電商也將喜迎即將到來的雙十一,這一份建議一樣也適用於國內的電商。
Google Data Studio (以下簡稱 GDS)已經發佈超過 4 年,是一套數據視覺化工具,能把數據資料轉成比較容易閱讀的各種圖表,類似 Excel 的樞紐分析功能,本篇文章將介紹電商網站能如何使用 Google Data Studio 來產製圖表,而不只是顯示 GA 或 GSC 的報表。
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
前陣子以產品經理身分到校園分享電商 OMO 的趨勢,包含 OMO 和 O2O 的差異,店員在 OMO 過程中扮演的角色,要導入 OMO 的關鍵是什麼?企業在零售現場遇到什麼問題?這篇會摘錄一些《2024 台灣 OMO趨勢洞察報告》的內容。
好的,很高興能為您服務!街口支付是台灣相當普及的行動支付平台,提供方便快速的付款、轉帳等服務。 街口支付的主要功能與特色: * 付款: * 掃碼付款: 在店家出示的QR code上掃描,即可完成付款。 * 出示付款碼: 店家掃描您手機上的付款碼,同樣能完成交易。 * 轉帳:
Thumbnail
歐付寶早期出很多活動,只是好幾年沒有任何特別加碼活動,所以比較少人提到他,但它支援的東西很多,如果你有看到《台電APP》的預繳費用內,他有提供這支付選項,你自己就可以聯想到更深的功用囉 這支付一樣是在App內繳,不是去超商 下載APP後!首頁就有一個【生活繳費】的項目,點進來就可以看到各種繳
Thumbnail
Wassup 各位,我是就這樣栽進Web3.0 & Economic的路易斯! 秉持著Simple Is Good,我會盡量簡單解釋接下來的內容。 上一篇談到說『企業主如何設置Stripe USDC』,講白一點就是 店家開始用Stripe平台提供顧客用USDC付款啦! 那比較傳統法幣呢?
Thumbnail
Wassup ! This is 就這樣栽進Web 3.0 & Economic 的路易斯。 秉持著Simple Is good,盡我所能讓讀者們看了就能理解。 這次就要來介紹: 『如果你是企業主,該如何設置 Stripe USDC?』
Thumbnail
在過去,當我們要進一步增加電商網站業績的時候,增加產品線的種類是一個不錯的方式。但是:要加賣什麼商品?不論是蝦皮、選品店,還是品牌電商官網,除非我們已經有充足的把握,否則都只能猜或是「什麼東西熱賣就賣什麼」,最終就只能淪為價格混戰。 但如果我們可以善用既有已經購買過的受眾呢?賣這些受眾本來就可
Thumbnail
如果你是做電商的,看到代理商或投手的Meta廣告報表中 "CTR" 千萬要注意它的定義,不要被忽悠了。 在 Meta 廣告系統中,關於「點擊」有三種定義 點擊次數(全部) 連結點擊次數,嚴格細分還有「不重複」連結點擊次數 連外點擊次數,嚴格細分還有「不重複」連外點擊次數 先說,如果是做
從113/4/1的慈惠醫院新系統上線到現在,有整整三個月了。 最近有試過,在學員人數多的情況下排隊的適應。 結果,勉強可以。 當然,是在六月份。 而如今,將要到7月份了。 想說,為了能到像超市、量販店的排隊結帳,能提升耐力。 事實上,星星兒的等待耐力,是不夠的。 想說,我能提升,就能提
Thumbnail
電腦的運作需要仰賴許多的硬體與軟體,統稱電腦系統 (computer system)。這篇文章會概略地介紹電腦系統中的重要角色,以及它們如何相互合作,來完成複雜的工作,比如說讓無所事事的宅宅如我,假日可以躲在房間玩一整天的遊戲。 電腦、程式、與使用者 說到電腦,你的腦中會浮現什麼呢? 是螢幕
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
前陣子以產品經理身分到校園分享電商 OMO 的趨勢,包含 OMO 和 O2O 的差異,店員在 OMO 過程中扮演的角色,要導入 OMO 的關鍵是什麼?企業在零售現場遇到什麼問題?這篇會摘錄一些《2024 台灣 OMO趨勢洞察報告》的內容。
好的,很高興能為您服務!街口支付是台灣相當普及的行動支付平台,提供方便快速的付款、轉帳等服務。 街口支付的主要功能與特色: * 付款: * 掃碼付款: 在店家出示的QR code上掃描,即可完成付款。 * 出示付款碼: 店家掃描您手機上的付款碼,同樣能完成交易。 * 轉帳:
Thumbnail
歐付寶早期出很多活動,只是好幾年沒有任何特別加碼活動,所以比較少人提到他,但它支援的東西很多,如果你有看到《台電APP》的預繳費用內,他有提供這支付選項,你自己就可以聯想到更深的功用囉 這支付一樣是在App內繳,不是去超商 下載APP後!首頁就有一個【生活繳費】的項目,點進來就可以看到各種繳
Thumbnail
Wassup 各位,我是就這樣栽進Web3.0 & Economic的路易斯! 秉持著Simple Is Good,我會盡量簡單解釋接下來的內容。 上一篇談到說『企業主如何設置Stripe USDC』,講白一點就是 店家開始用Stripe平台提供顧客用USDC付款啦! 那比較傳統法幣呢?
Thumbnail
Wassup ! This is 就這樣栽進Web 3.0 & Economic 的路易斯。 秉持著Simple Is good,盡我所能讓讀者們看了就能理解。 這次就要來介紹: 『如果你是企業主,該如何設置 Stripe USDC?』
Thumbnail
在過去,當我們要進一步增加電商網站業績的時候,增加產品線的種類是一個不錯的方式。但是:要加賣什麼商品?不論是蝦皮、選品店,還是品牌電商官網,除非我們已經有充足的把握,否則都只能猜或是「什麼東西熱賣就賣什麼」,最終就只能淪為價格混戰。 但如果我們可以善用既有已經購買過的受眾呢?賣這些受眾本來就可
Thumbnail
如果你是做電商的,看到代理商或投手的Meta廣告報表中 "CTR" 千萬要注意它的定義,不要被忽悠了。 在 Meta 廣告系統中,關於「點擊」有三種定義 點擊次數(全部) 連結點擊次數,嚴格細分還有「不重複」連結點擊次數 連外點擊次數,嚴格細分還有「不重複」連外點擊次數 先說,如果是做
從113/4/1的慈惠醫院新系統上線到現在,有整整三個月了。 最近有試過,在學員人數多的情況下排隊的適應。 結果,勉強可以。 當然,是在六月份。 而如今,將要到7月份了。 想說,為了能到像超市、量販店的排隊結帳,能提升耐力。 事實上,星星兒的等待耐力,是不夠的。 想說,我能提升,就能提
Thumbnail
電腦的運作需要仰賴許多的硬體與軟體,統稱電腦系統 (computer system)。這篇文章會概略地介紹電腦系統中的重要角色,以及它們如何相互合作,來完成複雜的工作,比如說讓無所事事的宅宅如我,假日可以躲在房間玩一整天的遊戲。 電腦、程式、與使用者 說到電腦,你的腦中會浮現什麼呢? 是螢幕