How to Add Options to Payment Forms

October 19, 2021

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://form.jotform.com/200326654436957

For questions, please post it below!

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments: