cancel
Showing results for 
Search instead for 
Did you mean: 

Accept JS Hosted Form Style

Hi,

 

I have reviewed all documentation and it is apparent that there is no way to style the form in the Accept JS Hosted form.  In order to do so, we would need to create our own form and submit it via JS.  Thus, opening us up to SAQ A-EP requirements; which requires a lot more time investment to manage. 

 

I also understand that SAQ A requires any vendor (Authorize) offering CSS manipulation to verify all code submitted for security.  There should be a way to do this programmatically, where only a subset of CSS would be processed, and the rest eaither ignored or appropriate errors raised.

 

Not allowing styling makes for a confusing experience for the end user.  They have spent a long period of time on our site choosing items to buy, only to end up on a page that looks nothing like what they were just on.  Even if it appears in a pop up, it is still a little unsettling to the user that they will be putting card data into something that looks so different.

 

It would be greatly appreciated if a method be could created to allow for the styling of the form. 

 

Has or is this being considered?

 

I have seen a few other comments with regards to this, but there is no other detail than to create your own form.  There are other vendors offering this fetaure.  I would hope/expect that Authorize.Net would offer it too.

 

I look forward to your response.  Thank!

 

 

CoryAuth
Member
2 REPLIES 2

I created a case in the idea exchange.  Please vote if this is something you are interested in.

 

https://community.developer.authorize.net/t5/Ideas/Accept-JS-Hosted-Form-Style/idi-p/67426

CoryAuth
Member

If the form is JS-hosted, the main thing that helped me was targeting the container after it renders and then applying custom CSS classes dynamically. Many hosted forms ignore external styles at first load, so using a small script to watch for DOM changes makes a big difference. I implemented something similar on the Apricocia site, especially for contact and exchange request forms, to keep styling consistent with the store design. It improved usability a lot. Their setup might give you ideas https://apricocia.com. Keeping styles aligned with the main brand layout makes forms feel more trustworthy and seamless.

 
 
 
samuelmixhle
Member