\n <\/in-page-filtering>\n<\/div>\n\n <\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/oxxo\/web-component","articleFields":{"description":"Add OXXO to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"oxxo","component_class_name":"OXXO","component_class_lowercase":"oxxo","integration":"Components","pm_directory":"oxxo","payment_method":"OXXO"},"filters_component":true,"filters_config_folder":"payment-methods\/oxxo\/web\/component-web"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/oxxo\/web-component","title":"OXXO 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 OXXO 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 OXXO\nWhen you import Adyen Web, include Oxxo.\n\n \nAdd additional configuration for OXXO\nYou do not need to add any configuration parameters for OXXO.\nInitialize the Component for OXXO\nTo initialize OXXO, use the Oxxo class.\n\n \n\nTest and go live\nOXXO is an offline payment method. This means that there is time between the shopper receiving the voucher and the actual processing of the payment.\nTo follow the status of the voucher, you have to set up webhooks.\nWhen you create the voucher, it is shown as an offer in your Customer Area, with an Open status. If you set up PENDING webhooks specifically for OXXO, you receive a webhook for pending OXXO voucher payments.\nWhen the shopper pays the voucher at an OXXO store, the payment will be processed. The offer becomes a sale and the status changes to Received. You will receive the final result of the payment in an AUTHORISATION webhook. This all happens automatically in a live environment, but you can test this process in your Customer Area.\nIn the test environment, you can simulate an OXXO payment by promoting the pending payment to a sale.\n\nLog in to your test Customer Area.\nGo to Transactions > Offers.\nSelect the PSP reference of the pending OXXO payment.\nSelect the Promote this offer to a sale button.\n\nOXXO vouchers that have been paid (including test offers that you manually promoted to sale), are under Transactions > Payments.\nTest the reconciliation process by promoting test payments from offer to sale in your test Customer Area.\nBefore you can accept live OXXO payments, you need to submit a request to add the OXXO payment method in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"OXXO","lvl3":"OXXO 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\/oxxo","lvl3":"\/pt\/payment-methods\/oxxo\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/oxxo\/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 OXXO 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 OXXO\nWhen you import Adyen Web, include Oxxo.\n\n \nAdd additional configuration for OXXO\nYou do not need to add any configuration parameters for OXXO.\nInitialize the Component for OXXO\nTo initialize OXXO, use the Oxxo class.\n\n \n\nTest and go live\nOXXO is an offline payment method. This means that there is time between the shopper receiving the voucher and the actual processing of the payment.\nTo follow the status of the voucher, you have to set up webhooks.\nWhen you create the voucher, it is shown as an offer in your Customer Area, with an Open status. If you set up PENDING webhooks specifically for OXXO, you receive a webhook for pending OXXO voucher payments.\nWhen the shopper pays the voucher at an OXXO store, the payment will be processed. The offer becomes a sale and the status changes to Received. You will receive the final result of the payment in an AUTHORISATION webhook. This all happens automatically in a live environment, but you can test this process in your Customer Area.\nIn the test environment, you can simulate an OXXO payment by promoting the pending payment to a sale.\n\nLog in to your test Customer Area.\nGo to Transactions > Offers.\nSelect the PSP reference of the pending OXXO payment.\nSelect the Promote this offer to a sale button.\n\nOXXO vouchers that have been paid (including test offers that you manually promoted to sale), are under Transactions > Payments.\nTest the reconciliation process by promoting test payments from offer to sale in your test Customer Area.\nBefore you can accept live OXXO payments, you need to submit a request to add the OXXO payment method in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"OXXO","lvl3":"OXXO 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\/oxxo","lvl3":"\/pt\/payment-methods\/oxxo\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/oxxo\/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: voucher.\n\n\n\nSetup steps\nBefore you begin, add OXXO in your Customer Area.\n\n\n\nImport OXXO\nWhen you import Adyen Web, include Oxxo.\n\n \nInitialize the Component for OXXO\nTo initialize OXXO, use the Oxxo 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\nOXXO is an offline payment method. This means that there is time between the shopper receiving the voucher and the actual processing of the payment.\nTo follow the status of the voucher, you have to set up webhooks.\nWhen you create the voucher, it is shown as an offer in your Customer Area, with an Open status. If you set up PENDING webhooks specifically for OXXO, you receive a webhook for pending OXXO voucher payments.\nWhen the shopper pays the voucher at an OXXO store, the payment will be processed. The offer becomes a sale and the status changes to Received. You will receive the final result of the payment in an AUTHORISATION webhook. This all happens automatically in a live environment, but you can test this process in your Customer Area.\nIn the test environment, you can simulate an OXXO payment by promoting the pending payment to a sale.\n\nLog in to your test Customer Area.\nGo to Transactions > Offers.\nSelect the PSP reference of the pending OXXO payment.\nSelect the Promote this offer to a sale button.\n\nOXXO vouchers that have been paid (including test offers that you manually promoted to sale), are under Transactions > Payments.\nTest the reconciliation process by promoting test payments from offer to sale in your test Customer Area.\nBefore you can accept live OXXO payments, you need to submit a request to add the OXXO payment method in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"OXXO","lvl3":"OXXO 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\/oxxo","lvl3":"\/pt\/payment-methods\/oxxo\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}]}