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

You can add PaySafeCard to your existing integration. The following instructions show only what you must add to your integration specifically for PaySafeCard.<\/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\/paysafecard\/web-component","articleFields":{"description":"Add PaySafeCard to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"paysafecard","component_class_name":"PaySafeCard","component_class_lowercase":"redirect","integration":"Components","pm_directory":"paysafecard","payment_method":"PaySafeCard","action_type":"redirect"},"filters_component":true,"filters_config_folder":"payment-methods\/paysafecard\/web\/component-web"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paysafecard\/web-component","title":"PaySafeCard 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 PaySafeCard in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nWhen you create a payment session, add the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\n shopperReference\n\nYour reference to uniquely identify this shopper, for example user ID or account ID.\n\n\n\n\n \n\nImport PaySafeCard\nWhen you import Adyen Web, include Redirect.\n\n \nAdd additional configuration for PaySafeCard\nYou do not need to add any configuration parameters for PaySafeCard.\nInitialize the Component for PaySafeCard\nTo initialize PaySafeCard, use the Redirect class.\n\n \n\nTest and go live\nBefore you go live, test your integration using the following credentials:\n\n16-digit code: 0000 0000 0990 3417\n\nCheck the status of test payments in your\u00a0Customer Area\u00a0>\u00a0Transactions\u00a0>\u00a0Payments.\n \nBefore you can accept live payments, contact our Support Team to add PaySafeCard in your live Customer Area. ","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PaySafeCard","lvl3":"PaySafeCard 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\/paysafecard","lvl3":"\/pt\/payment-methods\/paysafecard\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["PaySafeCard","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paysafecard\/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 PaySafeCard in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nWhen you create a payment session, add the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\n shopperReference\n\nYour reference to uniquely identify this shopper, for example user ID or account ID.\n\n\n\n\n \n\nImport PaySafeCard\nWhen you import Adyen Web, include Redirect.\n\n \nAdd additional configuration for PaySafeCard\nYou do not need to add any configuration parameters for PaySafeCard.\nInitialize the Component for PaySafeCard\nTo initialize PaySafeCard, use the Redirect class.\n\n \n\nTest and go live\nBefore you go live, test your integration using the following credentials:\n\n16-digit code: 0000 0000 0990 3417\n\nCheck the status of test payments in your\u00a0Customer Area\u00a0>\u00a0Transactions\u00a0>\u00a0Payments.\n \nBefore you can accept live payments, contact our Support Team to add PaySafeCard in your live Customer Area. ","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PaySafeCard","lvl3":"PaySafeCard 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\/paysafecard","lvl3":"\/pt\/payment-methods\/paysafecard\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paysafecard\/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 PaySafeCard in your Customer Area.\n\n\n\nImport PaySafeCard\nWhen you import Adyen Web, include Redirect.\n\n \nInitialize the Component for PaySafeCard\nTo initialize PaySafeCard, use the Redirect class.\n\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 shopperReference\n\nYour reference to uniquely identify this shopper, for example user ID or account ID.\n\n\n\n\n \n\nThe response includes the action.type: redirect.\n\n \n\nTest and go live\nBefore you go live, test your integration using the following credentials:\n\n16-digit code: 0000 0000 0990 3417\n\nCheck the status of test payments in your\u00a0Customer Area\u00a0>\u00a0Transactions\u00a0>\u00a0Payments.\n \nBefore you can accept live payments, contact our Support Team to add PaySafeCard in your live Customer Area. ","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PaySafeCard","lvl3":"PaySafeCard 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\/paysafecard","lvl3":"\/pt\/payment-methods\/paysafecard\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}],"articleFiles":{"payments-request.js":"

payments-request.js<\/p>","payments-response.json":"

payments-response.json<\/p>","sessions-request.js":"

sessions-request.js<\/p>"}}