User Guide

How to Add Options to Payment Forms

Last Update: September 10, 2017

This guide will show how to create custom items and a lot of payment options in your Payment Form. The custom payment features on this guide apply to the Payment fields in the JotForm Payment Tools.

By adding a payment field to the form, the payment integration will be enabled. Start adding options to the payment field by selecting one of the product/items in the payment field.

NOTE: You cannot add the same property option twice into a single product item.

I. Add Pre-Defined Quantity Property

1. On the selected product, click the ADD button on the ADD A QUANTITY SELECTOR section.

2. Select DROPDOWN in the SHOW QUANTITY ON THE FORM AS section.

3. Fill out the option properties sections. The LABEL should describe what the payment for. The RANGE is the maximum number your customer can order. The default is 1 to 10. Simply change 10 if you want to increase the value. Click the SAVE QUANTITY button to finish.

If you want to add a custom pricing to each quantity sets, for example: automatically create a discount rate for a certain quantity. Simply toggle the SPECIAL PRICING PER QUANTITY option to YES and set your pricing.

II. Allow Custom Quantity Input (Text Box)

1. On the selected product, click the ADD button on the ADD A QUANTITY SELECTOR section.

2. Select TEXT BOX from the SHOW QUANTITY ON THE FORM AS section.

3. Fill out the option properties sections. The LABEL should describe what the payment for. The default quantity is the number of items ordered/selected by default. Leave blank for zero (0) which is the default quantity.

4. Click the SAVE QUANTITY button to finish.

III. Add a Predefined Property

1. Select the product/item. Click the ADD button on the ADD A PRODUCT OPTION section.

2. The available preset options are Color, T-Shirt Size, Print Size, Screen Resolution and Shoe Size. Just select your desired property from the Populate Options from Presets dropdown.

If you want to add a custom pricing to each property option, for example, different prices for each color, toggle the SPECIAL PRICING PER OPTION to YES. You'll see that the price column will be automatically added.

Enter your prices and then click the SAVE OPTION button to finish.

IV. Add a Custom Property to Item

1. Select NONE from the list of PRESETS.

2. Enter your product LABEL and the list of options.

3. Toggle the SPECIAL PRICING PER OPTION to YES if you want to add a custom pricing for each of the options.

4. Once done, simply click the SAVE OPTION to finish.

5. Click the SAVE PRODUCT to finish your configuration from the item.

V. Add Mandatory Payment and Default Product

Each item/product in the payment field can be mandatory and/or be selected by default. The REQUIRED property makes the item/product mandatory and always selected by default. SELECTED BY DEFAULT only makes the item/product optional and can be deselected anytime.

Check this demo form to see how the above properties look like in the preview: https://www.jotform.com/30823446292959

For questions, please post it below!

20 Comments...

  • ch_hanlon

    How do you add Categories? Eg have a heading called HAIR CARE and list products underneath and then have a second heading called FOOT CARE and list products underneath - all on the one form with one total only????

  • rracioppa

    this is helpful. How do i set it up so people can order 2 of one flavor, 1 of a second? Since I am not sure how many products people will be ordering. I would be willing to list all 33 products with individual prices. Is it possible to copy and paste so I can make the list once and have it show up 7-8 times?

  • Webdesignbybob

    Can we add product photos?

  • MitchSaul

    How can I add taxes and shipping and handling per product? (i.e.) 2 items x the tax for each, and, shipping $3.29 per item?

    I love this form but can find a way to add shipping per item and taxes for each state.

    Thank You!!

  • nyscma

    I'm doing a registration form, and I want the ability for the registrant to add guests by name..
    so Registrant can add Mary Smith, Mary Jones.. and each one is charged the registration amount? There are two options for the registration (dinner for 95 and tour for 50)..

  • modacosas

    THANK YOU SO MUCH FOR THIS!!!!

  • wshsptsa

    I'm selling tickets to a high school event and also want to give people the ability to donate to the event. How can I add a donation button along with the ticket button?

  • executivedirector758

    Can I have one option that says:

    Pay by Invoice $25 (this would go straight to checkout and we would send an invoice)

    And another option that says:

    Pay by Credit Card $25 (this would go to PayPal for credit card payment)

  • gsneowebmaster

    How do I add products for payment and also add a field for donation amounts that the user inputs?

  • Sugargrovenaturecenter

    I am trying to create an option where there is different pricing for members and non-members on a program registration. I selected custom property, titled it Member and added the sub-option yes and No. I then completed the different special pricing options for member and non-members. However when I try to save....it tells me that "Only numeric values are accepted" Can you help.

  • brianparkinson

    Is there any way to add a large number of unique discount codes rather than doing them one at a time?

    I would like to be able to give 'use once' discount codes to potential new customers, but I don't want them using the code multiple times or sharing it with their friends.

    Thanks for any advice.

  • KingCourcy55

    How do I allow a user to choose multiple added options...

    For example...
    I would like to allow a user to choose not just monday or tuesday or wednesday or thursday friday

    but monday & friday

  • Bethshalomkc

    Can I have a donation form that combines pre-defined donation amounts with a write in amounts option?

  • sadlow

    Why doesn't the form post the product names and so on to Webhooks.

    RequestBin told me, that only an array is given, which only contains:
    "q139_myProducts":{"0":{"id":"1001"},"special_1001":{"item_0":"20"},"special_1002":{"item_0":"1"},"special_1003":{"item_0":"1"},"special_1004":{"item_0":"1"},"special_1005":{"item_0":"1"},"special_1006":{"item_0":"1"},"special_1007":{"item_0":"1"}},"

    but there I cannot get any prices, product names or quantities.
    Is there a box that I forgot to check?

  • fcjohnson25

    How do I delete a payment option

  • lunchymoon

    Hello,

    I m using the paypal form to add my items. I would need to add extra cost for 2nd 3rd item and so on. I think there is not the possibility to do that? If I select "shipment per item" when I select two different items i will have the shipment cost calculated twice. is there a way to customiza that?

    Thank you!

  • ACMOS

    how do I change the default currency?

  • IITKGPFoundation

    Hello,
    I am working to set up multiple donation amounts on my form (i.e., $50, $100, $250, $500, and also a custom amount). I am trying to follow the above tutorial; however, since we are integrated with Stripe, I'm not seeing that you can change any of the product descriptions. Am I missing something? Thank you!

  • FrodeJacobsen

    Hello,
    Some of the prices I enter in the Product Settings are different than the prices shown on the form. A product priced at $12.50 is shown as $12.00, $1.30 is shown as $1.00, and $2.75 is shown as $2.00. Oddly, when I select the product priced at $12.50 and select a quantity THEN the price changes to the correct amount. What causes this to happen, and what must I do to correct it? Thanks!

  • 2911mentor

    Can I have the Payment amount match the number of people registered on my form? I would like the form to choose the correct registration payment instead of the user choosing which registration payment they want to pay for.

Send Comment