--- page_title: Enable UPI QR Code product: UPI QR Code page_source: https://juspay.io/in/docs/upi-qr-code/docs/scan--pay/enable-upi-qr-code llms_txt: https://juspay.io/in/docs/llms.txt product_llms_txt: https://juspay.io/in/docs/upi-qr-code/llms.txt --- # Adding the UPI QR Code flow ### **Step 3:** Enable UPI QR Code flow on your payment page  --- ## Integration type : Juspay HyperCheckout (Payment Page) ### Step 3.1 Juspay Config Changes * [Login](https://portal.juspay.in/marketplace?id=5a771b4e-6f57-47ae-877d-cca640b117f3&name=Scan) to Juspay Dashboard and navigate to Marketplace tab to get the UPI QR Code enabled on your Juspay payment page. * Juspay will release these changes in testing environment (CUG) for you to initiate the end to end testing on your app / website. **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](https://docs.juspay.in/upi-qr-code/docs/scan--pay/instant-delivery-qr) API to fetch the QR code, which is returned in the format of a base64 string. * Load the QR image included in the `base64_encoded_qr` parameter of the [Order + Transaction](https://docs.juspay.in/upi-qr-code/docs/scan--pay/instant-delivery-qr)API response to display the QR code for payment. ### Step 3.2 Consume payment response * Juspay will include the QR/UPI_QR value in Webhooks and Order Status responses to distinguish UPI QR Code transactions. * Backend changes are necessary at your end to consume these responses. * [Webhook Request](https://docs.juspay.in/upi-qr-code/docs/scan--pay/webhooks-request) * [Order Status Response](https://docs.juspay.in/upi-qr-code/docs/scan--pay/order-status-response) --- ## Integration type : Juspay Express Checkout SDK ### 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](https://docs.juspay.in/upi-qr-code/docs/scan--pay/transaction-api) 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](https://docs.juspay.in/upi-qr-code/docs/scan--pay/instant-delivery-qr) 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](https://docs.juspay.in/upi-qr-code/docs/scan--pay/webhooks-request) - gives real time updates * or [Order status](https://docs.juspay.in/upi-qr-code/docs/scan--pay/order-status-response) 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](https://docs.juspay.in/upi-qr-code/docs/scan--pay/instant-delivery-qr)API response to display the QR code for payment. --- ## Integration type : Juspay Express Checkout API ### 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](https://docs.juspay.in/upi-qr-code/docs/scan--pay/transaction-api) 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](https://docs.juspay.in/upi-qr-code/docs/scan--pay/instant-delivery-qr) 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](https://docs.juspay.in/upi-qr-code/docs/scan--pay/webhooks-request) - gives real time updates * or [Order status](https://docs.juspay.in/upi-qr-code/docs/scan--pay/order-status-response) 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](https://docs.juspay.in/upi-qr-code/docs/scan--pay/instant-delivery-qr)API response to display the QR code for payment. --- ## See Also - [PA/PG Set Up](https://juspay.io/in/docs/upi-qr-code/docs/scan--pay/papg-set-up) - [Testing & Validation](https://juspay.io/in/docs/upi-qr-code/docs/scan--pay/testing--validation)