Payment Kit 推出自動儲值功能,實現無縫交易體驗

ArcBlock 很高興為 Payment Kit 推出一項增強功能:點數自動儲值(Auto Top-Up for Credits)。
這項新功能允許使用者根據可配置的門檻自動儲值點數,確保服務不中斷並提供更流暢的支付體驗。管理員可以定義基礎點數價格,使用者則可以直接從其帳單(Billing)頁面購買點數或啟用自動儲值。
隨著此功能的發布,使用者可以高枕無憂,因為他們知道在關鍵交易期間永遠不會用盡點數。

功能亮點
點數自動儲值
全新的自動儲值功能為使用者維持點數餘額提供了一種靈活且可靠的方式:
- 管理員定義基礎價格 – 管理員設定點數的基礎價格,以確保一致性與透明度。
- 帳單頁面存取 – 使用者可以直接從其「帳單」頁面購買點數並啟用自動儲值。
- 多種支付方式 – 支援廣泛的支付選項,包括 EVM 相容鏈與 Stripe。
- 支付帳戶儲值 – 除了購買點數外,使用者還可以為指定的支付帳戶進行儲值。
- 支付詳情可見性 – 支付表單清晰顯示付款人資訊,確保交易過程透明清晰。
- 進階選項 – 使用者可以設定自動儲值的每日限額,包括:
- 每日最高儲值次數
- 每日最高總儲值金額


為什麼這很重要:
- 防止因餘額不足導致的服務中斷。
- 通過每日上限設定,將自動化與自主控制相結合。
- 非常適合高需求和關鍵任務型應用,確保交易無縫銜接。
餘額不足通知
Payment Kit 現在包含餘額不足通知功能,會在使用者點數快用完時發出提醒。這種主動式的方法有助於使用者有效地管理點數,確保他們在餘額降至臨界值之前有所察覺。通知設計得清晰易懂,協助使用者避免意外的服務中斷。

開發者增強功能
@blocklet/payment-react 函式庫新增兩個元件,讓自動儲值功能更容易整合與管理:
AutoTopup – 以不同的渲染模式顯示與管理自動儲值配置:
- 預設模式(Default mode) – 完全展開顯示,提供完整控制。
- 簡潔模式(Simple mode) – 預設摺疊,點擊可展開詳情。
- 自定義模式(Custom mode) – 對渲染擁有完全控制權,可存取彈窗觸發器、配置狀態與支付數據。
開發者可以透過 onConfigChange 監聽配置變更,以刷新點數餘額或更新 UI 元素。
AutoTopupModal – 一個彈窗介面,允許使用者設定自動儲值選項,包括門檻、支付方式與購買金額:
- 支援成功與錯誤回呼(callback),用於處理配置結果。
- 可以初始化為預設啟用自動儲值(
defaultEnabled={true})。 - 輕鬆嵌入現有的支付或帳單管理頁面。
這些元件提供彈性的整合選項,可直接在應用程式中實現流暢的自動儲值體驗。
使用者體驗優化
統一邊框顏色與佈局一致性 – Payment Kit 介面進行了美學更新。邊框顏色與組件佈局現已標準化,提供更具凝聚力且專業的使用者體驗。
下一步計劃
展望未來,我們將繼續擴展 Payment Kit 的功能。即將推出的更新可能包括:
- 服務整合,以連接更多平台與工具。
- 支援優惠碼,為企業提供靈活的促銷選項。
- 更多支付方式,以擴大選擇並提升全球易用性。
我們的路線圖將繼續專注於提供更大的靈活性、更強的整合性,以及為所有使用者帶來更流暢的支付體驗。
相關資源
欲了解更多關於 Payment Kit 的資訊並探索完整文件,請參閱以下資源:
本頁涉及
產品
-
Payment Kit
superseded
為 Blocklet 提供計費、訂閱和結帳,包括促銷和代付。這部分工作已併入 ARC;獨立的 Blocklet 不再維護。
-
Web3 Kit
superseded
在 Blocklet 一側處理鏈上資料和帳戶的那些部件。這部分工作已併入 ARC;獨立的 Blocklet 不再維護。