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 to make a form with product and custom amount payment

    Asked by wojciechc on August 07, 2013 at 12:37 AM

    I will use 

    Authorize Payment Form

    as deposit payment option for my customers, so can I add custom field for dollar amount??

    Page URL:
    www.sebasigns.com

    payment form payment option
  • Profile Image

    Answered by Athans on August 07, 2013 at 12:48 AM

    Hi,

     

    I'm not a pro on this kind of stuff but I think you can modify the form by using Inject Custom CSS Codes feature or you can simply add HTML codes.

     

    Regards,

    Jonathan

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 07, 2013 at 02:35 AM

    @wojciechc

    We do not have direct solution to that since custom amount payment field can't be with product fields. They are completely different. A workaround I could think is to add another product field with custom quantity. The quantity would served as the custom payment.

    Example: http://form.jotformpro.com/form/32181171906955?

    I've added few CSS codes to position the box in line with the product label. 

    #input_3_quantity_1005_0{

    float: left;

    width: 66px;

    margin-right: 4px;

    }

    .form-product-item .form-sub-label-container {

    position: absolute;

    top: 4px;

    left: 138px;

    }

    #input_3_quantity_1005_0{

    width: 58px !important;

    }

    .form-product-item{

    width: 243px !important;

    }

    label[for="input_3_quantity_1005_0"]{

    margin-top: 3px;

    }

    You can also clone this form to your account. How to Clone a Form from a Web Page

    Hope this fits your needs. Thanks!

  • Profile Image

    Answered by wojciechc on August 09, 2013 at 07:48 PM

    Thank you!!!

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 09, 2013 at 09:56 PM

    @wojciechc 

    Your welcome!

    Should you have any further queries, let us know by creating a new thread.

    Thanks!