How do I test my form to see if it works properly?

  • spozsgai
    Asked on May 21, 2020 at 10:55 PM

    How do I test my form to see if it works properly?

  • jherwin
    Replied on May 22, 2020 at 12:18 AM

    The best way to test the form is by doing a test submission. You need to put yourself in the perspective of your users.

    Just get the direct link of the form and paste it into your browser address bar.

    Guide: Where-to-Find-My-Form-URL

  • spozsgai
    Replied on May 23, 2020 at 2:30 PM

    I tested the form. It refused my attempt to purchase my test book. It gave me an error code: Invalid location ID: E32Q50148DV97. I tried with two different credit cards. How do I fix this?

    The highlighted areas in red were the boxes for first and last name.

  • KrisLei Jotform Support
    Replied on May 23, 2020 at 5:24 PM

    Hi,

    I checked your form and it seems that you are using Square for payment gateway. However, your Square account is not yet integrated into your form to accept payments, that's why it's showing the error message.

    Please integrate first your Square account: How-to-Integrate-Form-with-Square

    But if you want to test the Square on your form, switch the Mode option to "Test Mode": 

    15701441551523638584Capture Screenshot 10

    Then, use one of the Test Cards on this page: https://developer.squareup.com/docs/testing/test-values 

    For reference: Test Square in the Sandbox

    I hope this helps. Let us know if you need further assistance.

  • spozsgai
    Replied on May 23, 2020 at 6:07 PM
    Square Payment Error
    Error when calling Transaction: [HTTP/1.1 404 Not Found] {"errors":[{"category":"INVALID_REQUEST_ERROR","code":"NOT_FOUND","detail":"Card nonce not found in this application environment. Please ensure an application ID belonging to the same environment is used to generate the nonce."}]}
     
    This is the error message I got when I tried to purchase a book.
  • spozsgai
    Replied on May 23, 2020 at 6:34 PM

    OK I realized my error was in selecting a book. I got the "Thank You" message when I tried again. But what I wanted to test was three things

    1. my credit card was charged.

    2 My bank account received the money.

    3. The book that was purchased was removed from my inventory so that someone else couldn't try and buy the book that was no longer available. How do I test that?

  • Vanessa_T
    Replied on May 23, 2020 at 9:26 PM

    1-2. Please set the mode to Live Mode then reconnect, this way an actual charge will be collected. Please make sure to click the Continue button at the bottom so the changes will be saved.

    How do I test my form to see if it works properly? Image 10

    3. Once you have made your tests, go to your product list and delete the product.

    How do I test my form to see if it works properly? Image 21

    How do I test my form to see if it works properly? Image 32

  • spozsgai
    Replied on May 24, 2020 at 2:36 PM

    That is not my question. When someone purchases my copy of the book. how will the book be deleted from the inventory so no one else can try and purchase the book which is no longer for sale because it has been sold?

    I bought the book but the book still remains in inventory. Why? How do I set it up so it is removed from inventory?

  • KrisLei Jotform Support
    Replied on May 24, 2020 at 4:48 PM

    I cloned your form again, and it seems that you have used the payment wizard for the list of products. Unfortunately, it's not possible to remove an item on the payment field after selecting the item.

    To achieve your requirements please refer to the instructions below:

    1. You can use the Inventory widget: Inventory. Add this to your form and this will serve as the list of your products. 

    2. Add a Form Calculation widget- this is where you would need to calculate the total amount based on the user's selection. Basically, it is where the formula is located for the payable amount: How-to-Perform-Form-Calculation-Using-a-Widget

    3. Then pass the total value to the payment field: How-to-Pass-a-Calculation-to-a-Payment-Field

    Here's a demo form: https://form.jotform.com/201446502099958 

    Here's a related guide for more reference: How-to-Setup-a-Payment-Order-Form-with-Limited-Stocks

    Let us know if you need further assistance.

  • spozsgai
    Replied on May 24, 2020 at 6:42 PM

    Does this mean I need to delete all the products I have entered already and start all over or is there a way to import or copy my books into the inventory widget? Is there a way I can save the information of my products so I do not have to recreate them from scratch?

  • Girish JotForm Support
    Replied on May 24, 2020 at 8:20 PM

    Sorry, but since the field types are different, copying of products from the payment field to the inventory widget is not possible.

    You will need to manually recreate them in the inventory widget field.

  • spozsgai
    Replied on May 24, 2020 at 8:42 PM

    Can I copy the information to anywhere for my reference?

    Can I clone the form so I don't lose the information from the old form while I create the new form?

    Can I create sub-labels in the inventory widget?

    Does this mean I need to delete the entire payment wizard list of books?

  • Girish JotForm Support
    Replied on May 24, 2020 at 10:38 PM

    Can I copy the information to anywhere for my reference? Can I clone the form so I don't lose the information from the old form while I create the new form?

    Yes, you can clone the existing form and make changes on the cloned form. Here is a guide on how to clone form: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Can I create sub-labels in the inventory widget? Does this mean I need to delete the entire payment wizard list of books?

    There is no direct option to add sub labels in the inventory widget. You will need to add a Text (paragraph) field below the widget showing the information.

    Example:

    15903742042505 7 Screenshot 10

    You can use CSS to reduce the margin between the fields and also to adjust the Inventory widget to the same background color as the form.

    You can set up the inventory widgets on the form and let us know if you need assistance with CSS to customize the look.

    If you are adding the list of books in the inventory widget, you won't need them on the payment field.

  • spozsgai
    Replied on May 25, 2020 at 8:47 AM

    So I added a book in the Inventory widget. How do I get the picture of the book from my computer into the form?

    I added the description in two ways to see how it looks. How do I get the margins and color to agree between the description and the book details? 

    Do I need to add the price for each book in the form calculation widget before I add the book? I will have 50-100 individual books to sell. How will I set that up?

    I deleted all the books but when I went to set up Square as my processor they showed up again. What did I do wrong?

    I would like it to look as much as possible to my previous setup in the clone.

  • Anita_K
    Replied on May 25, 2020 at 10:13 AM

    Hi there,

    I have examined the form and I believe I was able to create a suitable workaround for you. Do I see correctly that you have only 1 available from each book? In that case, I would actually suggest that you use the Gift Registry Widget instead of the Inventory widget because it has checkboxes instead of quantity selection and therefore looks more similar to your original setup.

    Please note that I have made a clone of your form and applied this workaround to the first 4 books. You can check the clone out here: https://form.jotform.com/201453861025953

    Below I will explain step-by-step how I've achieved this:

    1. Add a Short Text entry field that captures the option selected in the widget. You can achieve this by applying Conditional Calculation. (You can hide this field)

    How do I test my form to see if it works properly? Image 1 Screenshot 50

    2. Add Short Text entry fields for the prices, again with a condition each to insert the right price. (You can hide these fields)

    How do I test my form to see if it works properly? Image 2 Screenshot 61

    3. Add a Calculation Widget that adds the prices of all selected books together:

    How do I test my form to see if it works properly? Image 3 Screenshot 72

    How do I test my form to see if it works properly? Image 4 Screenshot 83

    4. Pass the value of the Calculation Widget to your Payment Integration. For this, you will need to modify your Square integration according to this guide: https://www.jotform.com/help/275-How-to-Pass-a-Calculation-to-a-Payment-Field

    Feel free to clone my form and use it as a jumping-off point. You can then see if the form looks like you would like it to and we can help you adjust the appearance also.

    I really hope this helps, let us know if you have further questions.

  • spozsgai
    Replied on May 25, 2020 at 1:03 PM

    Using your cloned form I added a book. But I don't see how to add it to the short text entry fields. How do I get book 5 into the system?

    Will I be able to attach pictures of the books?

  • KrisLei Jotform Support
    Replied on May 25, 2020 at 1:43 PM

     How do I get book 5 into the system?

    On the Gift Registry widget's settings, under the General tab, you can add a product to a new line:

    1590428122Gift Registry Screenshot 10

    Will I be able to attach pictures of the books?

    Unfortunately, it seems it is not possible to attach images on this widget.

    Are you currently working on this form, 201226398243150, I will get back to you shortly to answer your previous questions. 

    Thank you.


  • spozsgai
    Replied on May 25, 2020 at 2:33 PM

    No, I am working on form

     
    I can add book 5 to the widget but how do I get the price calculation into the form like books 1-4?
  • KrisLei Jotform Support
    Replied on May 25, 2020 at 2:41 PM

    1. So I added a book in the Inventory widget. How do I get the picture of the book from my computer into the form?

    You would have to upload the pictures to your Google Drive or Dropbox and get the sharable link. Then copy and paste the URL on the widget's settings:

    1590428799image Screenshot 10

    2. I added the description in two ways to see how it looks. How do I get the margins and color to agree between the description and the book details? 

    I recommend using the Question Text on the widget's properties for the book label:

    1590430039Question Text Screenshot 21

    Then the description would be on the Description box on the widget's settings:

    1590430166Description Screenshot 32

    In this way, it will appear accordingly and you wouldn't have to add a Paragraph field. You can also customize the position of the label and adjust the width of the widget on the Properties under the General tab, please refer to my screencast below:

    1590430609inventory Screenshot 43

    3. Do I need to add the price for each book in the form calculation widget before I add the book? I will have 50-100 individual books to sell. How will I set that up?

    You would have to add all the books first before calculating or creating the formula because the fields are labeled by the title of the books multiplied by its price:

     1590431314inventory1 Screenshot 54

    I believe that you have categorized your books, correct? If you have a large list of items you can divide the calculation of the items with a subtotal, and add another Form Calculation widget for the Grand Total. So for example, you will have a subtotal for Mystery books, another subtotal for Fiction books then this will be all added on the Grand Total price.

    I suggest dividing the form to different pages according to your book's category, this way it will not make your form too long and to make it accessible to users: How-to-Create-a-Multi-Page-Form-with-JotForm

     4. I deleted all the books but when I went to set up Square as my processor they showed up again. What did I do wrong?

    The products listed on the payment field will be removed if you are going to change the payment integration because each payment wizards using different environments and settings. 

    Please try to check this cloned form and see if it meets your requirements for the inventory widget: https://form.jotform.com/201454964388970 

  • spozsgai
    Replied on May 25, 2020 at 5:40 PM

    I uploaded my pictures to google drive and copied the shared link address but the picture is not showing. How do I get the image from my google drive into the widget. What am I doing wrong?

    I also deleted the products I had previously entered. Was that the correct thing to do?

  • Eduardo_H
    Replied on May 25, 2020 at 6:30 PM

    Hello @spozsgai

    Your images should be placed on a public folder of Google Drive in order to be fully accessible.

    If you have already done so, could you share the link with us so we can take a look at it?


    I also deleted the products I had previously entered. Was that the correct thing to do?

    If by that you mean that you have deleted the products from your payment widget in order to keep them solely on your Inventory widget, then the answer is yes.

  • spozsgai
    Replied on May 25, 2020 at 8:33 PM

    I created the folder, clicked the share tab, set it for "anyone on the internet can view". Nothing has changed as far as I can see.

    How do I share the link with you? Is this it?

    https://drive.google.com/drive/folders/1rHhqhVvDiiaNf54SR6B8wg-73yrjDzX4
  • Elton Support Team Lead
    Replied on May 25, 2020 at 9:06 PM

    You seem to have multiple issues on this thread. To avoid confusion, I have moved the issue with adding images on the inventory widget here https://www.jotform.com/answers/2345655. We will be on this thread shortly. If you have additional questions related to the inventory widget image, please post it on this new thread. Thanks