Integration and Testing

Authorize.Net API questions and help with your payment integration.

Reply
Contributor
Posts: 20
Registered: ‎05-25-2016

best integration method for simple payment checkout?

Our website has a simple checkout form. We donot store credit card information so we just need a simple method to do the checkout using authorize.net api. We have been using SIM method till now. The transaction result is posted back using the relay response url. 

 

Currently with our current integration method, the checkout form posts the data to authorize.net and if an error is found then the error is returned and displayed in the relay response page. This needs a page reload. Our goal is to switch to ajax so that the request and response happens without reloading the page. We have noticed that many customers whose transaction was declined never return back to recheckout so we want to make the checkout process as efficient as possible. 

 

 

So, i would like to request some recommendations on a better method to implement the checkout using authorize.net api. Does accept.js fulfill our needs? I appreciate any feedbacks! Thanks!

All Star
Posts: 699
Registered: ‎11-03-2016

Re: best integration method for simple payment checkout?

It sounds like Accept.js might be exactly what you're looking for. Since you keep the customer on your site the whole time, you can avoid some of the order abandonment issues you've been seeing.

 

To implement it on your side, you'll add a little bit of JavaScript in your checkout form so that when the customer checks out, the browser sends the card details to the accept.js script and receives the payment nonce back (the "opaqueData"). Then, the opaqueData and all the other data from the checkout form gets submitted to Authorize.Net for processing. (You could either have the checkout form submitted to a program on your server which formats the transaction request and sends it directly to Authorize.Net for processing, or even do it entirely within the browser using JavaScript). Then your server or the JavaScript responds back to the browser with exactly what you want the customer to see.

 

Details are in the Accept.js documentation, but if anything is unclear, please let us know!