topic Re: Full billing address in AcceptUI integration in Integration and Testing

Full billing address in AcceptUI integration

shabalin — Sat, 03 Feb 2018 13:18:28 GMT

Hello,

I read this manual https://developer.authorize.net/api/reference/features/acceptjs.html and trying to implement AcceptUI.js

It opens such popup: https://cl.ly/19171D3g012d

The button opening it contains "data-billingAddressOptions" allowing to enable / disable billing address in that form:

But "billing address" means there just 3 fields - First Name / Last Name and Zip Code. But I need full address.. Is it possible to retreive full billing address? With address, city, etc..

Re: Full billing address in AcceptUI integration

Scandal89 — Wed, 17 Mar 2021 22:09:41 GMT

So the AVS can work only with ZIP postal code in case of the AcceptUI.js form?

Re: Full billing address in AcceptUI integration

ronzigato45 — Thu, 24 Jun 2021 17:35:02 GMT

I thought this was the case, however I created a workaround to capture full billing data:

- Set 'data-billingAddressOptions' to show = false, required = false in AcceptUI config

- Set 'data-acceptUIFormHeaderTxt' to 'Payment Information (Step 2 of 2)'

- Create a similarly styled modal to the AcceptUI modal and title it 'Billing Information (Step 1 of 2)'

- In Billing Information modal, place first name, last name, address, city, state, zip fields with 'auth_billing_field' class, and a Payment Information button at the bottom that links to AcceptUI.js, disable the button by default. Add an onclick handler to this button that closes the Billing Information modal.

- Use JQuery/JS to detect keyup event on 'auth_billing_field' class inputs. When the event fires, iterate the 'auth_billing_field' inputs and check for validity. If they are valid, remove the disabled property from the Payment Information button.

- When the customer clicks the Payment Information button, the Billing Information modal will close, and the AcceptUI form will present itself with Card ID, Expiry and CCV fields.

When the customer submits the AcceptUI form and you receive the payment token back from Authorize.net, package the token with all of the other billing information you've collected in your Billing Information modal and create a customer payment profile via createCustomerProfileRequest and createCustomerShippingAddressRequest. Use your payment profile ID as the payment information for the createTransactionRequest.

This method will satisfy AVS, as the test transaction that is processed during createCustomerProfileRequest will be checked against all of the billing information you've supplied rather than only the ZIP code.

If you take the time to style your modal, fields and button, it appears to be seamless to the end user.

Re: Full billing address in AcceptUI integration

vinays84 — Wed, 11 Jan 2023 17:05:27 GMT

I would imagine this would void the PCI-DSS SAQ A compliance that using AcceptUI modal affords.

Re: Full billing address in AcceptUI integration

vinays84 — Wed, 11 Jan 2023 17:15:21 GMT

I would imagine this would void the PCI-DSS SAQ A compliance the AcceptUI modal provides.