\n <\/div>\n","url":"https:\/\/docs.adyen.com\/payment-methods\/alipay-plus\/web-component","articleFields":{"description":"Add Alipay+ to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"alipay_plus","component_class_name":"Alipay+","component_class_lowercase":"alipay_plus","integration":"Components","pm_directory":"alipay_plus","payment_method":"Alipay+","action_type":"redirect"},"filters_component":true,"filters_config_folder":"payment-methods\/alipay-plus\/web\/component-web"},"algolia":[{"url":"https:\/\/docs.adyen.com\/payment-methods\/alipay-plus\/web-component","title":"Alipay+ 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\nRedirect handling\nMake sure that your existing integration is set up to handle the redirect. action.type: redirect\n\n\n\nSetup steps\nBefore you begin, add Alipay+ 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 Alipay+\nWhen you import Adyen Web, include redirect.\n\n \nAdd additional configuration for Alipay+\nYou do not need to add any configuration parameters for Alipay+.\nInitialize the Component for Alipay+\nTo initialize Alipay+, use the redirect class.\n\n \n\nTest and go live\nThere is no test environment for Alipay+.\nWe recommend doing live penny tests:\n\nGet an Alipay+ wallet app, set it up with a credit or debit card, and do live penny tests (payments for a minimal amount).\nView the details of your Alipay+ test payments in your live Customer Area > Transactions > Payments.\n\n\nBefore you can accept live Alipay+ payments, you need to submit a request for Alipay in your live Customer Area.","type":"page","locale":"en","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Alipay+","lvl3":"Alipay+ Web Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/","lvl1":"https:\/\/docs.adyen.com\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/payment-methods\/alipay-plus","lvl3":"\/payment-methods\/alipay-plus\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Alipay+","Component"]},{"url":"https:\/\/docs.adyen.com\/payment-methods\/alipay-plus\/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\nRedirect handling\nMake sure that your existing integration is set up to handle the redirect. action.type: redirect\n\n\n\nSetup steps\nBefore you begin, add Alipay+ 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 Alipay+\nWhen you import Adyen Web, include redirect.\n\n \nAdd additional configuration for Alipay+\nYou do not need to add any configuration parameters for Alipay+.\nInitialize the Component for Alipay+\nTo initialize Alipay+, use the redirect class.\n\n \n\nTest and go live\nThere is no test environment for Alipay+.\nWe recommend doing live penny tests:\n\nGet an Alipay+ wallet app, set it up with a credit or debit card, and do live penny tests (payments for a minimal amount).\nView the details of your Alipay+ test payments in your live Customer Area > Transactions > Payments.\n\n\nBefore you can accept live Alipay+ payments, you need to submit a request for Alipay in your live Customer Area.","type":"page","locale":"en","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Alipay+","lvl3":"Alipay+ Web Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/","lvl1":"https:\/\/docs.adyen.com\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/payment-methods\/alipay-plus","lvl3":"\/payment-methods\/alipay-plus\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/payment-methods\/alipay-plus\/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\nRedirect handling\nMake sure that your existing integration is set up to handle the redirect. action.type: redirect\n\n\n\nSetup steps\nBefore you begin, add Alipay+ in your Customer Area.\n\n\n\nImport Alipay+\nWhen you import Adyen Web, include redirect.\n\n \nInitialize the Component for Alipay+\nTo initialize Alipay+, use the redirect class.\n\n \n\nAdd additional parameters to your \/payments request\nYou do not need to add any additional parameters to the \/payments request when you make a payment.\n\n \n\nThe response includes action.type: redirect.\n\n \n\nTest and go live\nThere is no test environment for Alipay+.\nWe recommend doing live penny tests:\n\nGet an Alipay+ wallet app, set it up with a credit or debit card, and do live penny tests (payments for a minimal amount).\nView the details of your Alipay+ test payments in your live Customer Area > Transactions > Payments.\n\n\nBefore you can accept live Alipay+ payments, you need to submit a request for Alipay in your live Customer Area.","type":"page","locale":"en","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Alipay+","lvl3":"Alipay+ Web Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/","lvl1":"https:\/\/docs.adyen.com\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/payment-methods\/alipay-plus","lvl3":"\/payment-methods\/alipay-plus\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}],"articleFiles":{"payments-response.json":"
payments-response.json<\/p>"}}