cancel
Showing results forย 
Search instead forย 
Did you mean:ย 

Payment Form

Hey, I am trying to implement Authorize.Net payment method, now I am testing with sandbox account. My question is about styling, as I understand styling is not possible. On sandbox account, there is a section about payment form, I changed some fonts and colours from here and I just clicked to Preview but when it is on preview mode it shows different form with styling and when I use in the app, it shows in different style. My question is which one will display on production. 

The first image from inside of the app, the second one is from sandbox account :

 

https://ibb.co/jWOfex

 

https://ibb.co/dmkhsH

fatihbishop
Member
6 REPLIES 6

Hi! I've not used payment form, but I suppose that authorizeNET just generate some html code and you have to paste it to your site. When you do it, you will be able to change any style and fonts manually.

yury_harkavik
Member

I think I know what you mean, there is accept js to do that, but I don't want to use that. I do not want to implement payment function in my app

When you want to make payment - you redirect user to autorizeNET and there user will see your form or you use this form on your web site?

Hello,

 

Based on the screenshots you provided, I think you're trying to integrate Accept Hosted Form into your application, right? If so, please reference

https://developer.authorize.net/api/reference/#payment-transactions-get-an-accept-payment-page

and

https://developer.authorize.net/api/reference/features/accept_hosted.html#Overview

 

As to styling, you can set the color of buttons and field lines through hostedPaymentStyleOptions. There will be more style options provided to customize the form in our coming releases.

 

Regarding the "Payment Form" setting in your sandbox account, it applies to Simple Checkout Form, but not for Accept Hosed Form.

 

Hope this helps!

 

Thanks,

Angie

angie
Authorize.Net Developer Authorize.Net Developer
Authorize.Net Developer

Any updates on more options for "hostedPaymentStyleOptions" beyond the bgColor?

 

Being able to set the font-familty also would be huge.

can i use this payment forms in my website.