跳到主要內容

Payment Kit v1.15.0:全新改版,打造更順暢的付款體驗

Xiao Fang
ComponentsPayment KitProduct ReleaseWeb3 Kit

Payment Kit v1.15.0 已正式發布。此次更新帶來全新設計,同時提升使用者介面與操作體驗,讓管理者與終端使用者在整個付款流程中都能感受到更加流暢、舒適的體驗。除了視覺上的改進,這個版本也包含多項功能優化,確保行動裝置與桌面端都能有一致且順暢的使用體驗。

全新設計

此次更新為 Payment Kit 帶來全面的視覺革新,融合最新設計趨勢與使用者體驗提升。介面元素經過細緻打磨,讓整體操作更清晰、更直覺。無論是後台管理畫面,還是消費者端的付款頁面,全新設計都能確保順暢一致的使用體驗,大幅降低操作上的摩擦感。

結帳頁面

我們為付款表單設計了全新的介面版型,讓使用者能更直覺地完成付款流程。透過優化後的介面設計,使用者能更輕鬆地檢視與輸入資訊,讓付款過程更加流暢,同時降低出錯的機會。

image.png

我們希望為您提供最佳體驗,因此即使您需要一次購買大量商品,也能一目了然地查看所有必要的付款資訊,將滑動捲動的需求降到最低,減少任何不便。

image.png

帳務頁面

帳務總覽 我們優化了訂閱清單與付款資訊統計模組。訂閱清單現在會優先顯示有效訂閱,並清楚區分狀態標籤與操作按鈕,降低誤觸操作的機率。image.png帳務與訂閱明細 帳務與訂閱明細頁面已優化,讓使用者能更清楚地瀏覽交易資訊與訂閱方案,包括付款紀錄與到期日等內容。image.png image.png

更新後的客戶資料表單 更新客戶資料的表單已改善,提供更舒適、更直覺的操作體驗,並優化了版面配置與導覽動線。image.png

行動裝置介面優化 我們針對行動裝置特別調整了介面,確保在行動裝置與桌面端都能享有一致且順暢的體驗。

image.pngimage.pngimage.png

後台管理儀表板

在這個版本中,我們重新調整了後台管理的選單、清單資訊呈現方式,以及詳細頁面的版面配置,希望藉由這些改動為您帶來更順暢的管理體驗。

  • 介面調整

image.png

  • 詳細頁面雙欄版型,減少捲動需求,讓管理者能更輕鬆地處理各項任務。

image.png

  • 預覽元件,可放大並以全螢幕模式檢視內容。

image.png

開發者支援

此次更新中,我們系統化整理了 Payment Kit 整體的介面調整,統一樣式參數,讓介面風格更加一致,視覺呈現也更加協調。全新設計不僅美觀,也提升了可讀性與易用性。

此次更新同時升級了 @blocklet/payment-react 元件,新增 PaymentThemeProvider 元件,讓 CheckoutFormCheckoutTableCheckoutDonate 元件都能進行主題自訂。

開發者可以參考並動態調整 theme 參數:

  • inherit
  • theme props PaymentThemeProvider 中的特定樣式。我們也支援使用 sx 來覆寫內部的 class 樣式。
  • default PaymentThemeProvider 中。

其他改進

  • 自動退還質押金: 在 Payment Kit v1.14.0 中,我們為管理者提供了在取消訂閱時退還質押金的選項。現在,我們支援自動退還質押金,並在沒有任何未結清帳單的情況下取消訂閱時,質押金將自動退回您的帳戶,縮短質押金的保留時間。

image.png

  • @blocklet/payment-js 支援傳入試用結束時間: 在產生付款頁面時,您可以傳入 trial_end 參數來建立免費試用情境。
  • 試用期間立即取消訂閱: 如果您在試用期間取消訂閱,服務將不會延續至原本的試用結束日,而是在取消當下立即終止。訂閱會在取消的同時馬上結束。

image.png

攜手成長

我們相信,產品的核心優勢來自於活躍的使用者社群。您的想法與建議對我們至關重要,我們致力於將這些回饋融入 Payment Kit 的持續改進中。本節將介紹由使用者回饋所促成的最新更新與問題修正,從細微調整到重大變更,每一項更新都是為了提升您的使用體驗、滿足您的需求。

新版本使用指南

協助我們持續進步

期待您在全新版本的 Payment Kit 中,享受到更好的使用體驗。

感謝您一直以來的支持。如有任何需求、建議或問題,歡迎前往我們的社群提供回饋,我們將竭盡所能提供協助。

感謝您的關注與支持,我們將持續改進 Payment Kit,以更貼近您的需求。

ArcBlock Community

本頁涉及

產品

  • Payment Kit superseded

    為 Blocklet 提供計費、訂閱和結帳,包括促銷和代付。這部分工作已併入 ARC;獨立的 Blocklet 不再維護。

  • Web3 Kit superseded

    在 Blocklet 一側處理鏈上資料和帳戶的那些部件。這部分工作已併入 ARC;獨立的 Blocklet 不再維護。