Customizing price input in the Product List

  • wwrva
    Asked on September 20, 2024 at 4:45 PM

    I want to update my product list to include both fixed-price items and services that can be sold alongside those products. The services will have variable pricing, so I need to add a section where users can manually enter the service description and input a custom price. This custom price should then be included in the overall total of all selected products.

    Jotform Thread 19229661 Screenshot
  • Jovito JotForm Support
    Replied on September 20, 2024 at 5:57 PM

    Hi Carson,

    Thanks for reaching out to Jotform support. Unfortunately, since you are using a Product List, it is not possible to use a customizable amount in the products as it needs to have a fixed price for calculation. What we can do is to use fields to create the products and to add custom price. We can use dropdown and number fields for these forms.

    1. In Form Builder, click on Add Form Element.

    2. List your products using a Dropdown field, and for the service use a Short Text field as a label and a Number field as the price.

    Customizing price input in the Product List Image 1 Screenshot 60

    3. Set the Calculation Values in the Dropdown field. The following guide should help you: How to Assign Calculation Values.

    Customizing price input in the Product List Image 2 Screenshot 71

    4. Add a Form Calculation widget in the form to calculate the amount based on product selection and service. The following guide should help you: How to Perform Form Calculation Using a Widget.

    Customizing price input in the Product List Image 3 Screenshot 82

    5. Add Payment integration and pass the calculated amount to the payment field of the form. The following guide should help you: How to Pass a Calculation to a Payment Field.

    Customizing price input in the Product List Image 4 Screenshot 93

    Check out the screencast below to see my result:

    Customizing price input in the Product List Image 5 Screenshot 104

    Reach out again if you need any other help.

Your Answer