Custom Payment Field on PayPal Pament Tool - Not Donation Option

  • Profile Image
    Asked on November 11, 2013 at 09:34 PM

    here is the url for my form:

    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.



    Salrina Nausrudeen

  • Profile Image
    Answered on November 11, 2013 at 10:51 PM


    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:

    display: none;


    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.


    Related Articles: