What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How can we make changes to Authorize.net products on a template form

    Asked by Paul Zucker on August 10, 2015 at 10:39 AM


    I am using the authorize.net premade template payment form.

    I would like to make a couple of changes within the form itself, but when I go to the form designer, it appears locked; I can only add fields above the form or below it (except for product fields which automatically go to the top within the form).

    At the least, I would like to add text within the form (as a heading to a group of products).

    At the most, I would like to add text fields - in order so that they may provide a shipping address, if different - within the form.

    Is there a way to do either or both of these?

    Again, I do not wish to add fields above and below the premade form - as I know this can be done - but within it.

    Thank you,

    Paul Zucker

    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on August 10, 2015 at 12:43 PM

    Hello Paul, all you have to do is to drag and drop the fields into the form.

    For example, I was able to modify the template in the way you are looking for, here is my attempt:



  • Profile Image

    Answered by tlws on August 10, 2015 at 12:51 PM

    Hi Jeanette,


    But let's say I wanted to put a heading or text just above a product that I added to the form (let's say the second one down in the example you did).

    It won't allow me to do this and for my purposes, this is what I need to do. Try it and you will see what I mean. Is there a solution for this?





  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on August 10, 2015 at 01:58 PM

    Is this something you are looking for?



  • Profile Image

    Answered by tlws on August 10, 2015 at 02:24 PM

    No, it is not.

    Again, in the first example you did, let's say I wanted to insert the text "Sponsorship Opportunities" (don't want a header, just the text) above the line " New Product 3 $ 75.00 USD" how would I do this (again try itself yourself in designer and you will see that you can't)?





  • Profile Image

    Answered by Ben on August 10, 2015 at 04:55 PM

    If I have understood you correctly, you are looking to add headers and sub headers to the items on your payment form, so that these headers and sub headers are still part of the payment processing tool - in your case Authorize.net integration.

    For this I would suggest taking a look at the following guide:

    How to apply custom CSS to a particular field

    How to Have Sub-Category or Sub-Labels on an Order Form

    Create Sub-Products Based on a Product Option

    Each will show you a different way to achieve similar effect, but the most important thing to note is that we are here, so if you have any issues setting it up and have some screenshot of how it should look, or can describe it to us, we would be happy to help you set it all up as per your preferences :)