UPI Payment Intent Bridge

Launch native Unified Payments Interface (UPI) payment apps via deep link intent. Nativine embeds native Android upi://pay intent bridges, enabling 1-tap checkout redirection to Google Pay, PhonePe, Paytm, CRED, and BHIM apps in India.

1. Overview & Native Capabilities

UPI is the dominant digital payment network in India. Nativine's UPI Payment Intent plugin presents native app choice dialogs directly from your web checkout page:

• Native UPI App Choice Sheet: Present an official OS picker listing installed UPI payment apps (Google Pay, PhonePe, Paytm, CRED, BHIM).
• Instant Deep Link Redirection: Automatically launches the selected UPI app, pre-populating VPA ID, payee name, transaction note, and exact order amount.
• Real-Time Payment Status Callback: Receive payment status responses (SUCCESS, FAILURE, SUBMITTED) returned from the UPI app intent.

2. Configuration & App Builder Setup Guide

Phase 1: Merchant Payment Portal Key Retrieval

1. Log in to your merchant payment gateway portal (Cashfree, Razorpay, or PhonePe Merchant).
2. Navigate to Account Settings > Business Profile > UPI Details.
3. Copy your registered Virtual Payment Address (VPA ID) (e.g. merchant@bank) and Merchant Category Code (MCC).

Phase 2: Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click the Add-ons & Plugins tab in the left builder menu.
3. Locate or search for UPI Payment Intent Bridge, toggle the plugin ON (or click Enable), and click Config.
4. Paste your Merchant VPA ID and MCC Code into the configuration input field.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To initiate a native UPI payment intent from JavaScript, call nativine.upiIntent.pay():

nativine.upiIntent.pay({
  vpa: 'merchant@bank',
  payeeName: 'Acme E-Commerce Store',
  transactionRef: 'txn_99887766',
  amount: 499.00,
  currency: 'INR',
  transactionNote: 'Order #99887766',
  callback: 'onUpiPaymentResult'
});

function onUpiPaymentResult(response) {
  console.log("UPI Status:", response.status); // SUCCESS, FAILURE, SUBMITTED
  console.log("Transaction ID:", response.txnId);
  console.log("Approval Ref:", response.approvalRef);
}

Parameters

4. Frequently Asked Questions (Q&A)