topic Re: Using Accept.js in Integration and Testing

Using Accept.js

bparker — Tue, 12 Feb 2019 20:07:36 GMT

Hi. I'm trying to add a payment form on our site (let's pretend it's an HTML site to keep it simple) and I read that using the accept.js script provided with Authorize.net should keep us PCI compliant, even though we ask for payment information on our website.

I went to this page https://developer.authorize.net/api/reference/features/acceptjs.html and am using the scripts provided, but I have questions. It seems to be working as it should but it's not doing much else.

I know they offer three options:

Option 1: Host your own payment form for a PCI-DSS SAQ A-EP solution that gives you complete control of the customer payment experience.

A good idea, but I think we're going to have to endure a lot of legal stuff if we go this route.

Option 2: Embed our hosted, mobile-optimized payment information form in your page to collect the card information in a PCI-DSS SAQ A compliant way.

Ideal, if I can control the way it looks.

Option 3: For a fully hosted payment solution that you can redirect your customers to or embed as an iFrame within your page, see our documentation for Accept Hosted.

Tried this, and the code provided doesn't do anyhting. Did they miss something?

Therefore, I chose Option 2, but I'm having some issues.

First, is there a way I can make this so it's not a popup form? I would rather have this already on my page when I open it, since I'm going to be using this as a donation script.

Second, where's the amount?? There's no amount field with this form for me to either supply an amount or ask the user to add an amount. Am I supposed to set something in my Authorize.net account?

Third, upon submit, nothing happens. The page refreshes. I think I'm missing something but there isn't anything else documented in the instructions. I took it off test mode and I get the same result.

Fourth, is it safe that we have out API login ID and client Key visible in the code when we take this approach? That seems like something we want to keep secret.

Thanks!

bparker

Re: Using Accept.js

Anurag — Tue, 12 Feb 2019 22:59:26 GMT

Hi @bparker

Have a look at our sample app for Accept at https://github.com/AuthorizeNet/accept-sample-app

. For the option 2 , the Accept.js UI will only return the one time token and then you will need to call the createTransaction using that token for doing a payment .

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

Also you can watch our webinar for Accept for more information

https://community.developer.authorize.net/t5/The-Authorize-Net-Developer-Blog/Webcast-recording-Simplify-PCI-Compliance-with-Authorize-Net/ba-p/63502

Thanks

Anurag

Re: Using Accept.js

trebor — Fri, 11 Oct 2019 10:33:07 GMT

Hello @Anurag ,

Regarding using Accept.js. Is there any way to make it not a popup? I need to use this approach with the token however I was not able to find a way how to make it embedded in my page.

Re: Using Accept.js

kosgivenu — Fri, 08 Nov 2019 21:19:34 GMT

Hi Anurag,

I trying to do same as above step3, but I dont know how to pass amount to it. Can you help me?

Option 3: For a fully hosted payment solution that you can redirect your customers to or embed as an iFrame within your page, see our documentation for Accept Hosted.

Tried this, and the code provided doesn't do anyhting. Did they miss something?

Thnaks,

Venu