JavaScript is disabled. Some features may not work. You can also read the static version: View text version

Adding the UPI QR Code flow

3.1

Generate UPI QR Code

Juspay QR Payment Link
- Juspay has the capability of creating UPI QR payment links that can be easily integrated into your web payment journey
  
  A UPI QR code will be generated & hosted on a dedicated screen by Juspay
  The UI/UX of this screen is customizable to blend with your payment page
  Please contact your Juspay Business Key Account Manager for more details.
Seamless Integration of UPI QR Codes
- You can generate the QR Code on your own and display the same on your web payment page
- Use transaction API call to initiate a transaction to Juspay as a first step to generate a QR Code
  
  sdk_params returned in the response of this transaction API are required to be extracted and used to build the URI - Uniform Resource Identifier data
  This URI data is used to generate the QR code, that can be displayed on your payment page
Instant Payments with Delivery QR Codes
- In case you need to offer the UPI QR payment option during product delivery, kindly use the Order + Transaction API to fetch the QR code, which is returned in the format of a base64 string.

3.2

Display UPI QR Code

Juspay QR Payment Link
- As you are using Juspay UPI QR Code link, you can host the QR on a subsequent page or on top of your payment page
  
  This UPI QR screen will have an inbuilt timer and will also show the updated status of the transaction, once completed
Seamless Integration of UPI QR Codes
- As you are generating the UPI QR code on your own, please design and build a UPI QR code screen that aligns with the style of your web payment page.
  
  Add an expiry timer and other relevant details on the page
  
  This screen should get updated with the latest status of the transaction using information from
  
  Juspay Webhooks - gives real time updates
  or Order status polling with Juspay
  
  The UPI QR Code screen should automatically close once the payment reaches terminal status or when the timer expires.
Instant Payments with Delivery QR Codes
- Load the QR image included in the base64_encoded_qr parameter of the Order + Transaction API response to display the QR code for payment.