\n <\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/mobilepay\/web-component","articleFields":{"description":"Add MobilePay to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"mobilepay","component_class_name":"MobilePay","component_class_lowercase":"redirect","integration":"Components","pm_directory":"mobilepay","payment_method":"MobilePay","action_type":"redirect"},"filters_component":true,"filters_config_folder":"payment-methods\/mobilepay\/web\/component-web"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/mobilepay\/web-component","title":"MobilePay 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 MobilePay 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 MobilePay\nWhen you import Adyen Web, include Redirect.\n\n \nAdd additional configuration for MobilePay\nYou do not need to add any configuration parameters for MobilePay.\nInitialize the Component for MobilePay\nTo initialize MobilePay, use the Redirect class.\n\n \n\nTest and go live\nMobilePay cannot be tested in the test environment. You must make penny test (low-amount) payments in the live environment.\n\n\nSubmit a request for MobilePay in your live Customer Area.\n\n\nAfter MobilePay is added to your live Customer Area, do the following for each test payment:\n\nMake a MobilePay payment for a low amount.\nGet the AUTHORISATION webhook on your server. It includes the status of the payment.\nIn your live Customer Area, go to Transactions > Payments to see the status of the payment.\n\n\n\nTest payouts to MobilePay wallets\n\nThe MobilePay payout feature is experimental, and supported only with the \/payments endpoint.\n\nDo the following to test MobilePay payouts:\n\n\nGet a test app following the instructions in the VippsMobilePay documentation. When prompted for a phone number and NIN (national identity number), use one of the following sets:\n\n\nNIN 0407640091\nPhone +45 22105837\n\n\nNIN 0702860109\nPhone +45 34817154\n\n\nNIN 0111500196\nPhone +45 73920021\n\n\n\n\nTest your integration end-to-end:\n\nMake a test payment that generates a payout token, using the Vipps MobilePay test app to simulate the customer side.\nCheck that you receive and process the recurring lifecycle webhook.\nMake a Transfers API request using the token that you receive in the webhook.\n\n\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"MobilePay","lvl3":"MobilePay 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\/mobilepay","lvl3":"\/pt\/payment-methods\/mobilepay\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["MobilePay","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/mobilepay\/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 MobilePay 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 MobilePay\nWhen you import Adyen Web, include Redirect.\n\n \nAdd additional configuration for MobilePay\nYou do not need to add any configuration parameters for MobilePay.\nInitialize the Component for MobilePay\nTo initialize MobilePay, use the Redirect class.\n\n \n\nTest and go live\nMobilePay cannot be tested in the test environment. You must make penny test (low-amount) payments in the live environment.\n\n\nSubmit a request for MobilePay in your live Customer Area.\n\n\nAfter MobilePay is added to your live Customer Area, do the following for each test payment:\n\nMake a MobilePay payment for a low amount.\nGet the AUTHORISATION webhook on your server. It includes the status of the payment.\nIn your live Customer Area, go to Transactions > Payments to see the status of the payment.\n\n\n\nTest payouts to MobilePay wallets\n\nThe MobilePay payout feature is experimental, and supported only with the \/payments endpoint.\n\nDo the following to test MobilePay payouts:\n\n\nGet a test app following the instructions in the VippsMobilePay documentation. When prompted for a phone number and NIN (national identity number), use one of the following sets:\n\n\nNIN 0407640091\nPhone +45 22105837\n\n\nNIN 0702860109\nPhone +45 34817154\n\n\nNIN 0111500196\nPhone +45 73920021\n\n\n\n\nTest your integration end-to-end:\n\nMake a test payment that generates a payout token, using the Vipps MobilePay test app to simulate the customer side.\nCheck that you receive and process the recurring lifecycle webhook.\nMake a Transfers API request using the token that you receive in the webhook.\n\n\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"MobilePay","lvl3":"MobilePay 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\/mobilepay","lvl3":"\/pt\/payment-methods\/mobilepay\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/mobilepay\/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 MobilePay in your Customer Area.\n\n\n\nImport MobilePay\nWhen you import Adyen Web, include Redirect.\n\n \nInitialize the Component for MobilePay\nTo initialize MobilePay, use the Redirect 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, unless you make a payment to generate a token for future payouts to MobilePay wallets.\n\n \n\nPayment with payout token creation\nTo make a MobilePay payment and generate a token for future payouts to MobilePay wallets:\n\n\nMake sure that you have set up the recurring lifecycle webhook.\n\n\nMake a \/payments request as usual, but include the parameters to create a token:\n\ntelephoneNumber\nshopperReference\nenablePayout set to true\n\n\n\nWhen you receive the recurring lifecycle webhook for the payment, save the storedPaymentMethodId (the token) for your customer, identified by the shopperReference.\n\n\n\n\n\nWhen you want to make a payout to the shopper's MobilePay wallet, send a POST \/transfers request specifying the payout token in the counterparty.card.cardIdentification field.\n\n\nTest and go live\nMobilePay cannot be tested in the test environment. You must make penny test (low-amount) payments in the live environment.\n\n\nSubmit a request for MobilePay in your live Customer Area.\n\n\nAfter MobilePay is added to your live Customer Area, do the following for each test payment:\n\nMake a MobilePay payment for a low amount.\nGet the AUTHORISATION webhook on your server. It includes the status of the payment.\nIn your live Customer Area, go to Transactions > Payments to see the status of the payment.\n\n\n\nTest payouts to MobilePay wallets\n\nThe MobilePay payout feature is experimental, and supported only with the \/payments endpoint.\n\nDo the following to test MobilePay payouts:\n\n\nGet a test app following the instructions in the VippsMobilePay documentation. When prompted for a phone number and NIN (national identity number), use one of the following sets:\n\n\nNIN 0407640091\nPhone +45 22105837\n\n\nNIN 0702860109\nPhone +45 34817154\n\n\nNIN 0111500196\nPhone +45 73920021\n\n\n\n\nTest your integration end-to-end:\n\nMake a test payment that generates a payout token, using the Vipps MobilePay test app to simulate the customer side.\nCheck that you receive and process the recurring lifecycle webhook.\nMake a Transfers API request using the token that you receive in the webhook.\n\n\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"MobilePay","lvl3":"MobilePay 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\/mobilepay","lvl3":"\/pt\/payment-methods\/mobilepay\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}],"articleFiles":{"mobilepay-payments.js":"
mobilepay-payments.js<\/p>"}}