{"title":"PayNow Web Component","category":"default","creationDate":1776961628,"content":"

You can add PayNow to your existing integration. The following instructions show only what you must add to your integration specifically for PayNow.<\/p>\n

If an instruction on this page corresponds with a step in the main integration guide, it includes a link to corresponding step of the main integration guide.<\/p>\n

The additions you must make depends on the server-side flow<\/a> that your integration uses:<\/p>\n

\n \n <\/in-page-filtering>\n<\/div>\n
\n <\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paynow\/web-component","articleFields":{"description":"Add PayNow to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"paynow","component_class_name":"PayNow","component_class_lowercase":"payNow","integration":"Components","pm_directory":"paynow","payment_method":"PayNow","action_type":"qrCode"},"filters_component":true,"filters_config_folder":"payment-methods\/paynow\/web\/component-web"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paynow\/web-component","title":"PayNow 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 PayNow 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 PayNow\nWhen you import Adyen Web, include PayNow.\n\n \nAdd additional configuration for PayNow\nConfigure the Component with the following configuration object:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\ncountdownTime\n\nThe number of minutes after the QR code loads that the shopper must complete the payment.\n\n\n\n\n \n\nInitialize the Component for PayNow\nTo initialize PayNow, use the PayNow class.\n\n \n\nTest and go live\nBefore you can accept live payments, you must contact our Support Team to add PayNow in your live Customer Area.\nYou can penny test PayNow payments in your live Customer Area, using small amounts and a real banking app to scan a test QR.\nYou can check the status of PayNow payments in your live Customer Area > Transactions > Payments.\n\nWe recommend not to test PayNow payments in your test Customer Area. You cannot reverse bank transfers in the test environment, and the funds will be deducted from the bank account.\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PayNow","lvl3":"PayNow 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\/paynow","lvl3":"\/pt\/payment-methods\/paynow\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["PayNow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paynow\/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 PayNow 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 PayNow\nWhen you import Adyen Web, include PayNow.\n\n \nAdd additional configuration for PayNow\nConfigure the Component with the following configuration object:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\ncountdownTime\n\nThe number of minutes after the QR code loads that the shopper must complete the payment.\n\n\n\n\n \n\nInitialize the Component for PayNow\nTo initialize PayNow, use the PayNow class.\n\n \n\nTest and go live\nBefore you can accept live payments, you must contact our Support Team to add PayNow in your live Customer Area.\nYou can penny test PayNow payments in your live Customer Area, using small amounts and a real banking app to scan a test QR.\nYou can check the status of PayNow payments in your live Customer Area > Transactions > Payments.\n\nWe recommend not to test PayNow payments in your test Customer Area. You cannot reverse bank transfers in the test environment, and the funds will be deducted from the bank account.\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PayNow","lvl3":"PayNow 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\/paynow","lvl3":"\/pt\/payment-methods\/paynow\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paynow\/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: qrCode.\n\n\n\nSetup steps\nBefore you begin, add PayNow in your Customer Area.\n\n\n\nImport PayNow\nWhen you import Adyen Web, include PayNow.\n\n \nInitialize the Component for PayNow\nTo initialize PayNow, use the PayNow class.\n\n \n\nAdd additional parameters to your \/payments request\nYou do not need to add any parameters to the \/payments request when you make a payment.\nTest and go live\nBefore you can accept live payments, you must contact our Support Team to add PayNow in your live Customer Area.\nYou can penny test PayNow payments in your live Customer Area, using small amounts and a real banking app to scan a test QR.\nYou can check the status of PayNow payments in your live Customer Area > Transactions > Payments.\n\nWe recommend not to test PayNow payments in your test Customer Area. You cannot reverse bank transfers in the test environment, and the funds will be deducted from the bank account.\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PayNow","lvl3":"PayNow 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\/paynow","lvl3":"\/pt\/payment-methods\/paynow\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}]}