Integration and Testing

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

Reply
Member
Posts: 4
Registered: ‎04-14-2021

Accept.js hosted page shows blank page

I am trying to implement Accept.js hosted payment page in PHP Laravel and Vuejs

I have included Accept.js and other related scripts in my page.

I am referring to this documentation - 

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

But when the page is loaded, then the page shows blank.

 

I am trying it out locally. So my local url is https://localhost/virtualhost Accept js loads iFrame, there is an iFrame URL like this, https://jstest.authorize.net/v3/acceptMain/acceptMain.html#%7B%22verifyOrigin%22%3A%22AcceptUI%22%2C...

 

But when I click this URL, it shows error saying that origin URL is different than expected.

There is no javascript errors on console of my browser. But there is nothing visible on browser.

Member
Posts: 4
Registered: ‎04-14-2021

Re: Accept.js hosted page shows blank page

Any help would be highly appreciated.

Member
Posts: 4
Registered: ‎04-14-2021

Re: Accept.js hosted page shows blank page

No solution was suggested by the team.

Am I missing the token? How do I provide the token to Accept.js?

Member
Posts: 4
Registered: ‎04-14-2021

Re: Accept.js hosted page shows blank page

Issue has been resolved. It was my mistake to overlook the CSS which was not showing the pay button. I apologize for this. It is resolved now.