Shopper experience<\/h2>\n
With Adyen\u2019s UPI Autopay solution, you can give your shoppers different payment options for signing up on the recurring plan, namely UPI Collect, UPI QR, and UPI Intent:<\/p>\n
- \n
- \n
Collect flow<\/strong>: UPI apps only show the mandate amount. The shopper authorizes the mandate with their PIN.<\/p>\n
- \n
- The shopper gets a push notification on their phone.<\/li>\n
- The Autopay mandate details are shown in the UPI app for review.<\/li>\n
- The shopper enters their UPI PIN to authorize the mandate.<\/li>\n
- The mandate is created and the first payment is completed.<\/li>\n<\/ol>\n<\/li>\n
- \n
QR and Intent flows<\/strong>: UPI apps show both the mandate amount and the first transaction amount.<\/p>\n
- \n
- The shopper scans the QR code, or in the Intent flow launches the UPI app.<\/li>\n
- The Autopay mandate details are shown in the UPI app for review.<\/li>\n
- The shopper enters their UPI PIN to authorize the mandate.<\/li>\n
- The mandate is created and the first payment is completed.<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n
From Adyen Web SDK v6.22.0<\/a> the UPI Autopay component shows mandate information directly in the checkout. The result is:<\/p>\n
- \n
- Shoppers see clear mandate details before authorizing.<\/li>\n
- Information is consistent across Collect, Intent, and QR flows.<\/li>\n
- Less confusion and improved conversion.<\/li>\n<\/ul>\n
Payment examples<\/h3>\n
- \n
- \n
The shopper makes an upfront payment and a higher mandate is created.
\n![\"higher](\"\/user\/pages\/docs\/08.payment-methods\/86.upi\/16.upi-autopay\/01.web\/image1.png\")
<\/p>\n<\/li>\n - \n
The shopper does not make an upfront payment, only a mandate is created.
\nYou can use this to sign up shoppers for free trials, or to save the payment details for future use. In this case, a small minimum amount is authorized and refunded automatically. Pass a minimum value of 2 INR in theadditionalAmount<\/code> field in your payment request. Note that you need to show information about the authorization and refund outside of the component based on your requirements for tokenizing the payment details. For example: \"To enable a free trial, 2 INR will be charged and refunded\".
\n![\"only](\"\/user\/pages\/docs\/08.payment-methods\/86.upi\/16.upi-autopay\/01.web\/image3.png\")
<\/p>\n<\/li>\n<\/ul>\nMandate information box<\/h3>\n
When a mandate is present, the new UPI component renders an information box with details. The standard base text of \"You\u2019re setting up a UPI Autopay recurring payment...\" is followed by dynamic text that depends on:<\/p>\n
- \n
amount<\/code>: The transaction amount (can be known or unknown).<\/li>\nmandate.amount<\/code>: The mandate limit (always known).<\/li>\nfrequency<\/code>: The payment monthly, weekly, or ad hoc.<\/li>\namountRule<\/code>: Either exact<\/strong><\/span> or max<\/strong><\/span>.<\/li>\n<\/ul>\nExamples of messages:<\/p>\n
- \n
![\"\"](\"https:\/\/docs.adyen.com\/user\/pages\/docs\/08.payment-methods\/86.upi\/16.upi-autopay\/01.web\/image1.png\")
","image3.png":"![\"\"](\"https:\/\/docs.adyen.com\/user\/pages\/docs\/08.payment-methods\/86.upi\/16.upi-autopay\/01.web\/image3.png\")
"}}