Integration and Testing

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

Reply
Member
Posts: 2
Registered: ‎04-04-2018

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

Member
Posts: 3
Registered: ‎04-05-2018

Re: Payment Form

[ Edited ]

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.

Member
Posts: 2
Registered: ‎04-04-2018

Re: Payment Form

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

Member
Posts: 3
Registered: ‎04-05-2018

Re: Payment Form

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?

Authorize.Net Developer
Posts: 16
Registered: ‎03-01-2018

Re: Payment Form

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

Member
Posts: 3
Registered: ‎02-28-2012

Re: Payment Form

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

 

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

New Member
Posts: 1
Registered: ‎11-19-2021

Re: Payment Form

can i use this payment forms in my website.