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

    Paypal Integration: "Use Paypal Checkout Button" option not triggering on product with sub-product categories

    Asked by alanja on September 22, 2016 at 08:42 AM

    Although I have chosen "Use PayPal Checkout Buttons" the PayPal button is not displayed. The form does go to PayPal however.

    Thank you!

    Alan Jay

    Page URL:
    https://form.jotform.com/62617861130957

  • Profile Image
    JotForm Support

    Answered by Charlie on September 22, 2016 at 12:07 PM

    If I am not mistaken, the button only changes if a product with an actual price value is selected, you can setup a product and have it "Free", in that case the Paypal button will not show up. However, I was able to replicate the specific problem, the changing of the submit button does not have if the first selected product has sub product categories. 

    Here's a screencast to show the problem:

    You can see that the first product I selected that has a sub product category did not trigger the submit button to change, it only happened when the last product which does not have a sub category was selected. 

     

    I will forward this to our backend team to have it checked and fixed. Apologies for the inconvenience.

    For the meantime, you can try this workaround:

    1. First, paste this URL https://www.paypal.com/en_US/i/btn/btn_dg_pay_w_paypal.gif in your submit button's "Image" option:

     

    2. Now paste this custom CSS code in your Form Designer Tool's CSS tab:

    #input_19 {

        border: none !important;

        box-shadow: none !important;

        display: inline-block !important;

        position: relative !important;

        top: 10px !important;

    }

     

    This is how it looks like then:

    I hope the workaround will work for now, we will update you as soon as the problem has been fixed.