\n <\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/atome\/web-component","articleFields":{"description":"Add Atome to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"atome","component_class_name":"Atome","component_class_lowercase":"atome","integration":"Components","pm_directory":"atome","payment_method":"Atome","action_type":"none"},"filters_component":true,"filters_config_folder":"payment-methods\/atome\/web\/component-web"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/atome\/web-component","title":"Atome 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 Atome 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 shopperName\n\nThe shopper's full name.\n\n\n shopperEmail\n\nThe shopper's email address.\n\n\n telephoneNumber\n\nThe shopper's phone number.\n\n\n billingAddress\n\nThe postal address to be included on the invoice.\n\n\n lineItems\n\nPrice and product information about the purchased items.\n\n\n deliveryAddress\n\nThe postal address where the goods will be shipped. Optional if billingAddress and deliveryAddress are the same.\n\n\n countryCode\n\nFor Malaysia set to MY, for Singapore set to SG. Make sure that you use a supported combination of country\/region and currency: MY with MYR, and SG with SGD.\n\n\n\n\n \n\nImport Atome\nWhen you import Adyen Web, include Atome.\n\n \nAdd additional configuration for Atome\nConfigure the Component with the following configuration object:\nPre-filled shopper data\nThe data property includes the following information that you can pre-fill. Note that for Atome, deliveryAddress and companyDetails are forced to be hidden.\n\n\n\nProperty\nDescription\nData type\n\n\n\n\npersonalDetails.firstName\nThe shopper's first name.\nString\n\n\npersonalDetails.lastName\nThe shopper's last name.\nString\n\n\npersonalDetails.shopperEmail\nThe shoppers' email address.\nString\n\n\npersonalDetails.telephoneNumber\nThe shopper's telephone number.\nString\n\n\nbillingAddress.street\nThe street name for the billing address.\nString\n\n\nbillingAddress.postalCode\nThe postal code for the billing address.\nString\n\n\nbillingAddress.city\nThe city for the billing address.\nString\n\n\nbillingAddress.country\nThe two-character ISO 3166-1 alpha-2 country code for the billing address.\nString\n\n\n\n\n \n\nPayment form fields configuration\n\n\n\nFields\nDefault value\n\n\n\n\ncompanyDetails\nhidden\n\n\npersonalDetails\neditable\n\n\nbillingAddress\neditable\n\n\ndeliveryAddress\nhidden\n\n\nbankAccount\nhidden\n\n\n\n\n \n\nInitialize the Component for Atome\nTo initialize Atome, use the Atome class.\n\n \n\nRefunds and cancellations\nPartial refunds\nTo partially refund a payment, specify in your \/payments\/{paymentPspReference}\/refunds request:\n\n amount: The amount to be refunded to the shopper.\nTest and go live\nTo test Atome payments, you need a test shopper account in the Atome sandbox environment. To request a test account, reach out to your Adyen contact. If you are testing in multiple countries\/regions, use a different test account for each location.\nTo test the QR code flow, download one of the following test apps:\nFor Malaysia (MY)\n\nAndroid app\niOS app\n\nFor Singapore (SG)\n\nAndroid app\niOS app\n\nYou can check the status of test payments in your Customer Area > Transactions > Payments.\nTo accept live Atome payments, you must contact our Support Team to add Atome in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Atome","lvl3":"Atome 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\/atome","lvl3":"\/pt\/payment-methods\/atome\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Atome","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/atome\/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 Atome 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 shopperName\n\nThe shopper's full name.\n\n\n shopperEmail\n\nThe shopper's email address.\n\n\n telephoneNumber\n\nThe shopper's phone number.\n\n\n billingAddress\n\nThe postal address to be included on the invoice.\n\n\n lineItems\n\nPrice and product information about the purchased items.\n\n\n deliveryAddress\n\nThe postal address where the goods will be shipped. Optional if billingAddress and deliveryAddress are the same.\n\n\n countryCode\n\nFor Malaysia set to MY, for Singapore set to SG. Make sure that you use a supported combination of country\/region and currency: MY with MYR, and SG with SGD.\n\n\n\n\n \n\nImport Atome\nWhen you import Adyen Web, include Atome.\n\n \nAdd additional configuration for Atome\nConfigure the Component with the following configuration object:\nPre-filled shopper data\nThe data property includes the following information that you can pre-fill. Note that for Atome, deliveryAddress and companyDetails are forced to be hidden.\n\n\n\nProperty\nDescription\nData type\n\n\n\n\npersonalDetails.firstName\nThe shopper's first name.\nString\n\n\npersonalDetails.lastName\nThe shopper's last name.\nString\n\n\npersonalDetails.shopperEmail\nThe shoppers' email address.\nString\n\n\npersonalDetails.telephoneNumber\nThe shopper's telephone number.\nString\n\n\nbillingAddress.street\nThe street name for the billing address.\nString\n\n\nbillingAddress.postalCode\nThe postal code for the billing address.\nString\n\n\nbillingAddress.city\nThe city for the billing address.\nString\n\n\nbillingAddress.country\nThe two-character ISO 3166-1 alpha-2 country code for the billing address.\nString\n\n\n\n\n \n\nPayment form fields configuration\n\n\n\nFields\nDefault value\n\n\n\n\ncompanyDetails\nhidden\n\n\npersonalDetails\neditable\n\n\nbillingAddress\neditable\n\n\ndeliveryAddress\nhidden\n\n\nbankAccount\nhidden\n\n\n\n\n \n\nInitialize the Component for Atome\nTo initialize Atome, use the Atome class.\n\n \n\nRefunds and cancellations\nPartial refunds\nTo partially refund a payment, specify in your \/payments\/{paymentPspReference}\/refunds request:\n\n amount: The amount to be refunded to the shopper.\nTest and go live\nTo test Atome payments, you need a test shopper account in the Atome sandbox environment. To request a test account, reach out to your Adyen contact. If you are testing in multiple countries\/regions, use a different test account for each location.\nTo test the QR code flow, download one of the following test apps:\nFor Malaysia (MY)\n\nAndroid app\niOS app\n\nFor Singapore (SG)\n\nAndroid app\niOS app\n\nYou can check the status of test payments in your Customer Area > Transactions > Payments.\nTo accept live Atome payments, you must contact our Support Team to add Atome in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Atome","lvl3":"Atome 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\/atome","lvl3":"\/pt\/payment-methods\/atome\/web-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/atome\/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 Atome in your Customer Area.\n\n\n\nImport Atome\nWhen you import Adyen Web, include Atome.\n\n \nInitialize the Component for Atome\nTo initialize Atome, use the Atome 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 paymentMethod.type\n\natome\n\n\n shopperName\n\nThe shopper's full name.\n\n\n shopperEmail\n\nThe shopper's email address.\n\n\n telephoneNumber\n\nThe shopper's phone number.\n\n\n billingAddress\n\nThe postal address to be included on the invoice.\n\n\n lineItems\n\nPrice and product information about the purchased items.\n\n\n deliveryAddress\n\nThe postal address where the goods will be shipped. Optional if billingAddress and deliveryAddress are the same.\n\n\n countryCode\n\nFor Malaysia set to MY, for Singapore set to SG. Make sure that you use a supported combination of country\/region and currency: MY with MYR, and SG with SGD.\n\n\n\n\n \n\n\n \n\nRefunds and cancellations\nPartial refunds\nTo partially refund a payment, specify in your \/payments\/{paymentPspReference}\/refunds request:\n\n amount: The amount to be refunded to the shopper.\nTest and go live\nTo test Atome payments, you need a test shopper account in the Atome sandbox environment. To request a test account, reach out to your Adyen contact. If you are testing in multiple countries\/regions, use a different test account for each location.\nTo test the QR code flow, download one of the following test apps:\nFor Malaysia (MY)\n\nAndroid app\niOS app\n\nFor Singapore (SG)\n\nAndroid app\niOS app\n\nYou can check the status of test payments in your Customer Area > Transactions > Payments.\nTo accept live Atome payments, you must contact our Support Team to add Atome in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Atome","lvl3":"Atome 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\/atome","lvl3":"\/pt\/payment-methods\/atome\/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>"}}