Drop-in Overview
🌐 Language Switch / 語言切換
English
Product Overview
Drop-in is a sleek, client-side JavaScript SDK designed to bring enterprise-grade payment capabilities to your website with minimal engineering effort. By integrating a secure, embedded frame directly into your checkout flow, ou can instantly tap into a global commerce network and dozens of payment methods while maintaining complete control over your user experience.
How It Works
When a customer reaches your checkout page, the Drop-in SDK initializes a Hosted Payment Session. It automatically renders the appropriate payment fields based on the merchant‘s set-up and chosen method. Once the user submits, the data is encrypted and tokenized within our secure vault. Your frontend receives a secure token, which your server then uses to authorize the charge—keeping your infrastructure entirely isolated from sensitive data.
How It Helps
What It Covers
Drop-in offers real-time and seamless payment capabilities to fit different online payment scenarios and payment needs.
Payment Channels
Drop-in covers global and local networks, including
- Apple Pay, Google Pay™
- Over 50+ APM channels, including
- Wallet payments,
- Online banking,
- QR, Code Payment
- Buy Now, Pay Later (BNPL)
- Bank transfer
- Bill paymebt.
- Credit / Debit Card Payments.
See full list of payment channels
Payment Scenarios Supported:
| Payment Scenario | Key Feature | Supported Payment Methods |
|---|---|---|
| Single Payment | A simple, immediate transaction for a single purchase. The customer is charged once, and the payment process is completed instantly upon authorization | Credit Card, Debit Card, Wallet, QR Payment, Bank Transfer, BNPL, Bill payment |
| Subscription and Recurring Payments | Fixed charges at regular intervals. | Credit Card, Debit Card |
| Card binding | One click Payment by saving payment information in previous purchases | Credit Card, Debit Card, Wallet, QR Payment, Bank Transfer, BNPL, Bill payment |
| Free Trial and Subscribe Later | A zero-amount authorization to support for free service trial over a limited time or upfront payment collection . Payment details will be captured upfront to ensure a seamless transition to a paid plan. | Credit Card, Debit Card |
What Else in Drop-in
- L&F Customization: Offering high level of UI and UX customization to ensure a cohesive brand experience. You can easily modify the embedded frame's payment workflow , styling, layout, and localized language to match your website’s design. This flexibility allows for a professional, native checkout feel that minimizes user friction and builds trust.
- Checkout Data Collection: Offering optional payment flow for merchant to collect user's Billing Address, Shipping Address, Email and Phone etc. user's information for enhancing operational efficiency and optimizing conversion
- Instance Discount and Vouchers (Coming)
- Currency conversions and FX (Coming)
What Else Auxiliary Service
Drop-in as like all Evonet's payment product, will be supported by the below auxiliary service. Details could be refer to our product offeringor contact our CS to get more information.
- Payment Orchestration & Routing
- Fraud Management (Dynamic 3DS)
- Network Tokenization
- Merchant Management Portal and Analysis
- Reconciliation service
How To Get It
To get started with Drop-in, here is the ways to integrate and handle the complete payment lifecycle. Enjoy the service after couple days integration process.
- Client-side SDK Integration: The primary way to collect payments. By embedding our lightweight JavaScript SDK, you can render a secure payment UI (Drop-in) that handles sensitive data encryption and tokenization directly on the client side.
- Webhooks and Server-side APIs: Use our RESTful APIs for backend management. This allows you to perform post-transaction operations, such as processing refunds, retrieving transaction details. Webhooks automatically push transaction success message—to your server, ensuring your order status is always in sync without manual polling.
Let's check the integration process from the Drop-in integration guide.
中文
產品概覽
Drop-in 是一款流暢的用戶端（Client-side）JavaScript SDK，旨在以最低的工程開發成本，為您的網站導入企業級的支付能力。透過在結帳流程中直接嵌入安全的框架（Frame），您能立即接入全球商業網路及數十種支付方式，同時完全掌控用戶體驗。
產品流程
當客戶進入結帳頁面時，Drop-in SDK 會初始化一個「託管支付會話」（Hosted Payment Session）。它會根據商戶的設定與所選支付方式，自動渲染對應的支付欄位。用戶提交後，數據會在我們的安全保險庫中進行加密與代幣化（Tokenized）。您的前端會收到一個安全令牌（Token），隨後您的伺服器將使用該令牌授權扣款——使您的基礎設施與敏感數據完全隔離。
產品優勢
涵蓋範圍
Drop-in 提供即時且無縫的支付功能，適應不同的線上支付場景與需求。
支付渠道
Drop-in 涵蓋全球與本地網路，包括：
- Apple Pay、Google Pay™
- 超過 50 種替代支付方式（APM），包括：
- 錢包支付（Wallet）
- 網上銀行
- QR Code 掃碼支付
- 先買後付 (BNPL)
- 銀行轉帳
- 帳單繳費 (Bill payment)
- 信用卡 / 扣帳卡支付
支援的支付場景：
| 支付場景 | 核心功能 | 支援的支付方式 |
|---|---|---|
| 單次支付 | 簡單、即時的單筆交易。客戶支付一次，授權後立即完成流程。 | 信用卡、扣帳卡、錢包、QR 支付、銀行轉帳、BNPL、帳單繳費 |
| 訂閱與定期扣款 | 定期收取的固定費用。 | 信用卡、扣帳卡 |
| 綁卡支付 | 通過儲存過往購買的支付訊息，實現一鍵支付。 | 信用卡、扣帳卡、錢包、QR 支付、銀行轉帳、BNPL、帳單繳費 |
| 免費試用與稍後訂閱 | 支援限時免費試用或預先收集付款訊息的零元授權。預先獲取支付詳情，確保無縫過渡到付費方案。 | 信用卡、扣帳卡 |
Drop-in 的其他功能
- 外觀（L&F）自定義：提供高度的 UI 與 UX 自定義空間，確保品牌體驗一致。您可以輕鬆修改嵌入框架的支付流程、樣式、佈局及本地化語言，以匹配網站設計，營造專業的植入感，減少用戶阻力並建立信任。
- 結帳數據收集：提供可選的支付流程，供商戶收集用戶的帳單地址、收貨地址、電子郵件和電話等資訊，以提升營運效率並優化轉化率。
- 即時折扣與優惠券（即將推出）
- 貨幣轉換與外匯 (FX)（即將推出）
服務增值
與 Evonet 的所有支付產品一樣，Drop-in 得到以下輔助服務的支持。詳情請參閱我們的產品方案或聯繫客服獲取更多資訊：
- 支付編排與路由 (Payment Orchestration & Routing)
- 欺詐管理 (動態 3DS)
- 網路代幣化 (Network Tokenization)
- 商戶管理後台與分析
- 對帳服務
如何接入Drop-in 服務
以下是Drop-in 的整合方法。只需幾天的開發整合，即可享受服務：
- 用戶端 SDK 整合：收集付款的主要方式。透過嵌入我們的輕量級 JavaScript SDK，您可以在用戶端渲染安全的支付界面（Drop-in），直接處理敏感數據的加密與代幣化。
- Webhooks 與伺服器端 API：使用我們的 RESTful API 進行後台管理。這允許您執行交易後操作，如處理退款、獲取交易詳情等。Webhooks 會自動將交易成功訊息推送到您的伺服器，確保訂單狀態同步，無需手動輪詢。
- 讓我們從 Drop-in 整合指南 開始了解開發流程。
Updated about 1 hour ago