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.


  • Profile Image

    How to test the payments on a form

    Asked by pillots on September 08, 2015 at 02:04 PM
    2. Also, please tell me, there you have when passing the test mode so that I could go through the whole chain of the purchase of goods and filling in the delivery address? So test it out.
  • Profile Image
    JotForm Support

    Answered by Boris on September 08, 2015 at 02:34 PM

    If I understand you correctly, you are wondering about how to do a real payment to check your form, once you are done testing. You will need an actual PayPal Pro account, and use its valid API credentials in the PayPal Pro tool on our form.

    You can register for a PayPal Pro account here.

    Once you have a PayPal Pro account, please log into it, and get details on the left side from My Account -> Profile -> Request API credentials link (or by opening this link).

    You will use these details in the payment tool to set it up, and you will need to make an actual submission on your form if you wish to test it with a real payment. The only way to test the whole payment process is getting your credit card charged, so we recommend to make an option that will have you pay a small amount such as only $0.01 while testing the live payment.

    I hope this helps.

  • Profile Image

    Answered by pillots on September 09, 2015 at 12:45 PM
     Hello Boris!
    Thank you ! I get from you detailed answers to all my questions! Thank you !
    A pleasure to work with you !
    A few last questions. :-)
    The pictures. With an increase in their size, I able to understand. But it is only the first picture, in which the name of the form «form-product-image». On the other picture services forcibly puts the name of «form-product-image-with-options», although the options are the same for all products. It turns out that the first picture with the name «form-product-image» is working properly, and the other called «form-product-image-with-options» not working.
    https://yadi.sk/i/RhgIbIOviyJFu
    Tell me please, where I can set the same name form «form-product-image» that they work the same way? Where is it to fix?
    Is there a setting limits on the quantity of sales?
    In the form of the product already exists the possibility to select the desired number of the buyer. How is possible restrict the buyer to show him that he chooses the product more than remains in stock? Thus the system will limit the sale of the product, which remains a little, or no longer exists. https://yadi.sk/i/Fg9Lss2FiyJFy

    How is it possible to place additional text beside the product?

    ...
  • Profile Image
    JotForm Support

    Answered by Boris on September 09, 2015 at 02:06 PM

    Thank you for your kind words, we strive to help as much as we can. :)

    >> The pictures. With an increase in their size, I able to understand. But it is only the first picture, in which the name of the form «form-product-image». On the other picture services forcibly puts the name of «form-product-image-with-options», although the options are the same for all products.

    I apologize, I didn't see the other class names on the first form. We can simply adjust the existing custom CSS to work on both of those classes, by adding a comma as a separator, and adding the second class name. So we would change the custom CSS from:

    .form-product-image {
      transition : width 1s ease-in-out 2s;
    }

    .form-product-image:hover {
      width : 150px;
      transition-delay : .4s;
    }

    Into this code:

    .form-product-image, .form-product-image-with-options {
      transition : width 1s ease-in-out 2s;
    }

    .form-product-image:hover, .form-product-image-with-options:hover {
      width : 150px;
      transition-delay : .4s;
    }

    This code would now work on both of those elements.

    Your question about limiting the available quantity of a product has been moved to a separate thread, here:

    http://www.jotform.com/answers/658177

    Your question about placing additional text next to products has also needed to be moved to a separate thread, as it requires more than a line of text to answer. It can be found here:

    http://www.jotform.com/answers/658181

    We will be supporting you in those threads, shortly. Thank you.