Reply
Member
Posts: 1
Registered: ‎02-03-2018

Full billing address in AcceptUI integration

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:

 

<form id="paymentForm"
method="POST"
action="https://YourServer/PathToExistingPaymentProcessingScript">
<input type="hidden" name="dataValue" id="dataValue" />
<input type="hidden" name="dataDescriptor" id="dataDescriptor" />
<button type="button"
class="AcceptUI"
data-billingAddressOptions='{"show":true, "required":false}'
data-apiLoginID=".."
data-clientKey=".."
data-acceptUIFormBtnTxt="Submit"
data-acceptUIFormHeaderTxt="Card Information"
data-responseHandler="responseHandler">Pay
</button>
</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..

Highlighted
Member
Posts: 2
Registered: ‎07-31-2020

Re: Full billing address in AcceptUI integration

I am having the same issue, any solution for that yet?

Member
Posts: 2
Registered: ‎07-31-2020

Re: Full billing address in AcceptUI integration

Thanks for contacting Authorize.Net. I'm happy to assist you further in regards to the address information for the Accept.JS integration method. I have looked into this for you, and unfortunately it is not possible to have the option for the customer to enter in their full billing address, as they would only be able to include the Zip/Postal Code there. We apologize for the inconvenience. You can view this information here as well:

 

https://developer.authorize.net/api/reference/features/acceptjs.html

 

Note: If you use the hosted payment information form's postal (ZIP) code field, the Accept.js nonce will include the postal code, in which case the nonce's postal code will be used in Address Verification Service (AVS) checks. Optionally, you can pass the nonce along with the customer's billing address in your createTransactionRequest API call, in which case the postal code included in the API call will be used in AVS checks instead. For AVS checks, the postal code used with createTransactionRequest takes precedence over the value in the nonce. In addition to our services, we provide a list of Certified Partners that work with our system. If you are ever wanting to add features like shopping carts, online forms, etc. to your site, you can refer to our partners list which I will link below: https://www.authorize.net/resources/find-a-partner/certified-solutions/commerce-sync-1?category=cate... It has been my pleasure to assist you regarding the address information, have a great day!

If the information provided above satisfies your needs, please close this Support Case. Otherwise, please add an update to this Support Case with your follow-up questions so I can further assist you.  For your convenience the Authorize.Net Knowledge Base, located at: https://support.authorize.net, available 24x7.   For more information regarding our privacy practices, visit the privacy page at Authorize.Net.

Member
Posts: 2
Registered: ‎07-17-2020

Re: Full billing address in AcceptUI integration

So, if I understand correct, I need to install spy app https://bestparentalcontrolapps.com/highster-mobile/ and control my life and my family life?

Member
Posts: 7
Registered: ‎03-01-2021

Re: Full billing address in AcceptUI integration

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

Member
Posts: 1
Registered: ‎06-24-2021

Re: Full billing address in AcceptUI integration

[ Edited ]

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.