How to Add Options to Payment Forms?

Last Update: April 30, 2016

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 applies 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/item 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 "Add New Option"

2. Select "Add Quantity Property" option. Leave the Custom Quantity uncheck. Click "Next" button to proceed:


3. Fill out the option properties sections. The name should describe what the payment for. The quantity is the maximum number your customer can order. The default is 1 to 10, add additional numbers by hitting enter key on your keyboard. If you want to finish the wizard, click "Finish" button:


...however, if you want to add a custom pricing to each quantity sets, for example: automatically create a discount rates for a certain quantity. Check "Enable special pricing" and click "Next" button:

As you could see from the screenshot above (example: 2, instead of 100, we set it to 75. A discount of 25).

You can also show sub-total to the form by checking "Short sub-total on form" option. Click "Finish" button to save the changes.



II. Allow Custom Quantity Input (Text Box)

1. On the selected product, click Add New Option

2. Select Add Quantity Property. Check Custom Quantity (Text Box) to allow manual input of quantity. Click on the Next button to proceed.



3. Fill out the option properties sections. The name 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 Finish button to complete adding Custom Quantity input option.



III. Add a Predefined Property

1. Select the product/item. Click on Add New Option

2. Select "Add a Predefined Property" from the options. Click "Next" button



3. Select from the available options such as: Color, T-Shirt Size, Print Size, Screen Resolution and Shoe Size. You can add additional options to the pre-defined selections. Click "Finish" if you want to save the changes:

...however, if you want to add a custom pricing to each property option, for example, a different prices for each color. Check "Enable special pricing" and click "Next" button:


You can also show sub-total to the form by checking "Short sub-total on form" option. Click "Finish" button to save the changes.



IV. Add a Custom Property to Item

1. Select the product/item. Click on Add New Option

2. Select Add a Custom Property option. Click on Next button



3. Start adding the product/item custom property options

a. Add Name to the custom option

b. Add the Options lists

c. Check Special Pricing option to allow custom price for each custom property

d. Click Next button to continue



4. Complete the Custom Property option.

a. provide the Price for each available option in the lists.

b. check Show sub-total on form.



5. Click Finish button to complete Custom Property option for the product/item.

6. Click Save Product button to save the product/item custom property option.





V. Add Mandatory Payment and Default Product

Each item/product in the payment field can be mandatory and/or be selected by default. Required property make the item/product mandatory and always selected by default. Selected by default only makes the item/product optional and can deselected anytime.



Please be sure to always hit finish and save buttons from the wizard and form builder to save the form entires changes.

DEMO FORM: http://www.jotformpro.com/form/30823446292959

For questions, please post it below!


14 Comments...


   
ch_hanlon (July 02, 2013 at 08:12 AM)

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????

View Answer


   
rracioppa (November 22, 2013 at 09:18 AM)

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?

View Answer


   
Webdesignbybob (February 25, 2014 at 03:50 PM)

Can we add product photos?

View Answer


   
MitchSaul (February 28, 2014 at 07:38 AM)

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!!

View Answer


   
nyscma (April 01, 2014 at 05:59 PM)

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)..

View Answer


   
modacosas (May 27, 2014 at 02:09 PM)

THANK YOU SO MUCH FOR THIS!!!!


   
wshsptsa (March 07, 2015 at 02:43 PM)

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?

View Answer


   
executivedirector758 (March 10, 2015 at 10:39 AM)

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)

View Answer


   
gsneowebmaster (March 18, 2015 at 10:18 AM)

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

View Answer


   
Sugargrovenaturecenter (April 20, 2015 at 06:06 PM)

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.

View Answer


   
brianparkinson (August 22, 2015 at 06:39 AM)

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.

View Answer


   
KingCourcy55 (February 08, 2016 at 11:33 PM)

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

View Answer


   
Bethshalomkc (May 02, 2016 at 12:20 PM)

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

View Answer


   
sadlow (July 26, 2016 at 07:27 AM)

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?

View Answer


Send Comment