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.
Custom Payment Field on PayPal Pament Tool - Not Donation OptionAsked by positiveplans on November 11, 2013 at 09:34 PM
here is the url for my form: http://form.jotformpro.com/form/23026987790969
how do i add an option in the papal payment field of my form to give my customers the option in input their desired dollar amount NOT quantity amount.
There is a workaournd to use custom quantities box. The main idea is to have the user input a number and the value of the quantity is a dollar.
So for example, the user types in 12, since the value of each quantity is a dollar, $12.00 will be added to the total amount.
Now, mind you, to have this type of form customized better. I would suggest to finish the form the way you like it and export a copy of your source code to embed directly to your site.
This is the quantity workaround I talk about:
On this example I have cloned your form and perform the workaround on the Other Payment field, this is a very raw example of the workaround, as it shows the bare functionality of what I have explained above:
First we need to Add the Option of the Custom Quantity (Text Box) to the desired item we want to customize. Also, make sure the price of this item is of $1.00
This is the second screen of the Add New Option Wizard, here we are changing the message of quantity to Use Whole Amounts, as the decimal will not work on this Textbox.
Once we update those settings and we save the Payment Tool Wizard. This will leave us with the form looking like this:
This is where you will need to then inject some CSS code to remove the $1.00USD amount.
First we obtain the code that displays that dollar, so we know what we are going to hide:
Now that we know the field we need to remove is input_3_1005_price, we remove it by injecting CSS code. This is like so:
Go to Setup & Embed / Preferences / Form Styles / Inject Custom CSS and Inject the code on this box.
The Code we will embed is:
Finally after doing all those steps, this is my example form. Mind you, you could also embed the actual source code on your website and customize it even further, for example to restrict users from typing anything other than a whole number.
If you do need any assistance, do let us know. Thank you.