\n <\/in-page-filtering>\n<\/div>\n\n <\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi\/web-component","articleFields":{"description":"Add UPI to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"upi","component_class_name":"UPI","integration":"Components","pm_directory":"upi"},"filters_component":true,"filters_config_folder":"payment-methods\/upi\/web\/component-web"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi\/web-component","title":"Web Component","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Sessions flow Web Components integration.\n\n\n\nCheckout API\nMake sure that you use Checkout API v68 or later.\n \n\n\nSetup steps\nBefore you begin, add UPI in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nYou do not need to add any parameters when you create a payment session.\nImport UPI\nWhen you import Adyen Web, include UPI.\n\n \nAdd additional configuration for UPI\nYou do not need to add any configuration parameters for UPI.\nInitialize the Component for UPI\nTo initialize UPI, use the UPI class.\n\n \nTest and go live\nDepending on your account setup, you may have access to the UPI simulator which you can use to test your UPI integration. Contact your Account Manager or our Support Team if you have questions about the simulator.\nYou can also use your personal account on a UPI app to test your integration by making live payments with a low value.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"UPI","lvl3":"Web Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi","lvl3":"\/pt\/payment-methods\/upi\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi\/web-component?flow=Sessions flow&integration=Component","title":"Sessions flow Component","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Sessions flow Web Components integration.\n\n\n\nCheckout API\nMake sure that you use Checkout API v68 or later.\n \n\n\nSetup steps\nBefore you begin, add UPI in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nYou do not need to add any parameters when you create a payment session.\nImport UPI\nWhen you import Adyen Web, include UPI.\n\n \nAdd additional configuration for UPI\nYou do not need to add any configuration parameters for UPI.\nInitialize the Component for UPI\nTo initialize UPI, use the UPI class.\n\n \nTest and go live\nDepending on your account setup, you may have access to the UPI simulator which you can use to test your UPI integration. Contact your Account Manager or our Support Team if you have questions about the simulator.\nYou can also use your personal account on a UPI app to test your integration by making live payments with a low value.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"UPI","lvl3":"Web Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi","lvl3":"\/pt\/payment-methods\/upi\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi\/web-component?flow=Advanced flow&integration=Component","title":"Advanced flow Component","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Advanced flow Web Components integration.\n \n\n\nAction handling\nMake sure that your existing integration is set up to handle the additional action. action.type: await.\n\n\n\nSetup steps\nBefore you begin, add UPI in your Customer Area.\n\n\n\nImport UPI\nWhen you import Adyen Web, include UPI.\n\n \nAdd additional configuration for UPI\nYou do not need to add any configuration parameters for UPI.\nInitialize the Component for UPI\nTo initialize UPI, use the UPI class.\n\n \nAdd additional parameters to your \/payments request\nWhen you make a payment, add the following parameters to the \/payments request:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\n paymentMethod.appId\n\nRequired when the payment option is UPI Intent (paymentMethod.type: upi_intent). The identifier of the Third Party Application Provider (TPAP) that the shopper uses to make the UPI payment. Possible values: - gpay: Google Pay. - phonepe: PhonePe. - bhim: BHIM (Bharat Interface for Money). - paytm: Paytm.\n\n\n\n\n \n\nTest and go live\nDepending on your account setup, you may have access to the UPI simulator which you can use to test your UPI integration. Contact your Account Manager or our Support Team if you have questions about the simulator.\nYou can also use your personal account on a UPI app to test your integration by making live payments with a low value.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"UPI","lvl3":"Web Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi","lvl3":"\/pt\/payment-methods\/upi\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}]}