cancel
Showing results for 
Search instead for 
Did you mean: 

Using Accept.js

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

 

bparker
Contributor
3 REPLIES 3

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_A...

 

 

Also you can watch our webinar for Accept for more information 

 

https://community.developer.authorize.net/t5/The-Authorize-Net-Developer-Blog/Webcast-recording-Simp...

 

Thanks

Anurag





Send feedback at developer_feedback@authorize.net
Anurag
Moderator Moderator
Moderator

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. 

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