[Cards] The payment flow is confusing

  • Elisabeth Crabtree
    Asked on September 22, 2018 at 10:03 AM

    greetings. My organization (NCAOSA) recently switched over to your new guided form where people click through different screens until they reach the end to pay. Several people have written us that they can’t pay. They select the number of payment and then it shows an error message but doesn’t tell them where the error was made. I tried it myself, and we discovered that they aren’t seeing that they have to click the plus sign in the upper right corner to add the item to the cart. We have one item that is free, so that could also be confusing. Is there a way to fix this glitch so we don’t have to continually explain what they have to do to fix it and reach the final payment option screen? 

    Ideally if they have missed that step the error message should specify where the mistake was made and guide them in how to fix it. Or the plus sign “add to cart” option would light up or be bigger or something to make it clear what they need to do. 

    Thanks for your time and for considering. 


    Page URL: http://www.ncaosa.org/join-ncaosa/
  • Adrian
    Replied on September 22, 2018 at 1:29 PM

    I suggest you implement this in a way that the users don't have to select their options twice.

    You can set calculation values to each option, calculate the total (using a hidden Form Calculation Widget), and pass the total to the payment field.

    Related Guides:

    How-to-Assign-Calculation-Value

    How-to-Pass-a-Calculation-to-a-Payment-Field


    I have cloned your form and implemented this.

    Cloned Form URL: https://form.jotform.com/82645442558969


    First, I have added calculation values to each (price) option in each field.

    [Cards] The payment flow is confusing Image 10

    Then, I added a Form Calculation to calculate the total and set it to Hidden.

    [Cards] The payment flow is confusing Image 21

    Finally, I pass the total to the payment field and this way we get rid of the cart.

    [Cards] The payment flow is confusing Image 32

    I have also set the Clear Hidden Field Values option in the form settings to Clear on Being Hidden.

    Result:

    [Cards] The payment flow is confusing Image 43

    Feel free to clone my form.

    Make sure you add your PayPal account in the payment integration and that you change the field descriptions as the payment process (flow) has changed.

    How-to-Clone-an-Existing-Form-from-a-URL