Overview
Mobile SDK Overview
We offer Mobile SDKs across four major platforms, each providing integration variants to match the merchant's needs: Embed, Connect, and Custom.
Overview of SDK Options
| Embed | Connect | Custom (coming soon) | |
|---|---|---|---|
| Checkout Type | PortOne's pre-built checkout (WebView) | Merchant's checkout | PortOne’s custom checkout elements |
| Experience | WebView-based | Full Native UI/UX | Native with customizable elements |
| Ideal For | Quick, simple integrations | Complex, branded checkouts | Custom flows without full build |
| Payment Flow | WebView experience | Native in-app experience | Native with custom UI elements |
| Use Case | Simple apps needing fast setup | Large apps with unique needs | Mid-sized apps requiring custom UI |
| Customization | Low: pre-built checkout | Full control | High: customizable payment elements |
Platform-Specific Details
SDK Variants
Embed Flow - PortOne's Pre-built Checkout
- Description: A quick and easy way to add payments by embedding the checkout in a WebView, without needing to build custom UIs. PortOne handles everything inside the WebView.
- Available On: Android, iOS, Flutter, React Native
- Ideal For: Apps that need a fast, simple integration with minimal customization effort, and where the entire payment flow can occur in a WebView.
- Here is a GIF showing the sample Portone's pre-built checkout
Overview of the Embed flow
- Displayed the Checkout page created by Portone.
- Opened the Checkout page URL in a WebView.
- Renders the wallet element when the "Wallets" option is selected, and likewise for other payment methods.
- Upon selecting COD and tapping "Pay Now," the transaction is initiated and processed.
- The final confirmation page is shown.
- This entire flow is handled by the SDK.
Connect Flow - Merchant's Checkout
- Description: The Connect SDK delivers a fully native experience, giving merchants full control over the checkout process. It allows for UI customization and supports advanced payment flows, including seamless, app-to-app, and web flows, using methods provided by the Portone SDK.
- Available On: Android, iOS, Flutter, React Native
- Ideal For: Apps that require a tailored, fully native payment experience with control over UI/UX and payment processes.
- This is a sample Merchant's checkout GIF built by merchant using Portone's methods
Overview of the Connect flow
- Displays a custom checkout element created by the merchant for users.
- Upon selecting COD and tapping "Pay Now," the transaction is initiated and processed.
- The transaction is handled using the SDK methods.
- Portone's SDK provides all the necessary methods to process transactions with various payment methods.
- The merchant manages all UI elements
Custom Flow - PortOne's Custom Checkout Elements (coming soon)
- Description: The Custom SDK provides maximum flexibility, allowing merchants to design and implement their own checkout flows and payment elements. Developers have full control over every aspect of the payment experience, including UI and transaction logic.
- Available On: iOS, Flutter, React Native
- Ideal For: Apps that need full control over the payment experience but do not want to build the entire payment logic from scratch.
- Here is a GIF showing the sample Portone's custom checkout elements
Overview of the Custom flow
- All displayed elements are provided by Portone
- Shows a custom checkout element for users
- Renders the wallet element when the "Wallets" option is tapped
- Displays a customized credit card element when the credit card option is selected
- Initiates mobile flow authentication when saved cards are tapped
- The elements listed above are just a few of the features we offer
Updated 25 days ago