How to Add Options to Payment Forms?

Last Update: October 16, 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 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 Quantity button.


2. Select the Dropdown from the option. 

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 swipe 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 Quantity button.

2. Select the Text Box from the options.

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 the Save Quantity button to finish.



4. Click Finish button to complete adding Custom Quantity input option.



III. Add a Predefined Property

1. Select the product/item. Click the Add Option button.



2. The available 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. Here's an example selection, the Color:



If you want to add a custom pricing to each property option, for example, different prices for each color. Swipe the Special Pricing Per Option to Yes. You'll see that the price column will be automatically added:



Enter your prices and 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. Swipe Special Pricing Per Option to Yes if you want to add a custom pricing for each of the options.


4. If you are 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.



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

Please check this Demo Form to see how the above properties look like in the preview: https://www.jotformpro.com/form/30823446292959


For questions, please post it below!


15 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


   
fcjohnson25 (November 02, 2016 at 10:11 PM)

How do I delete a payment option

View Answer


Send Comment