Build an automated quote form.

  • Kazu
    Asked on June 20, 2024 at 8:01 AM

    I am a web director for a company that develops and sells SaaS services.


    I would like to embed an automated quote form on the product website using Jotform.


    For example,

    Basic plan: A=$100/month, B=$300/month, C=$1,000/month

    Number of accounts: $10/person

    Options: A=$30/month, B=$20/month, C=$45/month, D=$100/month, E=$50/month

    I would like to have a rough estimate displayed on the form as I select items such as


    Example)

    Basic plan: B

    Number of accounts: 30

    Options: A, B, D

    Total cost: $300 + $10*30 + $30 + $20 + $100 = $750/month


    If possible, it would be better if we could see the current price each time we go through the form instead of the last screen.


    Is it possible to implement such a form in Jotform?

  • Sidharth JotForm Support
    Replied on June 20, 2024 at 8:46 AM

    Hi Kazu,

    Thanks for reaching out to Jotform Support. It is possible to create such a quote form that calculates the price based on the selected options. You can add Single-choice elements with calculation values and a Form Calculation widget to calculate the total. Let me show you how:

    Let's add Single-choice and dropdown elements for plan, options, and number of persons.

    1. In Form Builder, click on the Add Form Element menu on the left side of the page.
    2. Add a Single-choice element to show your plans.
    3. Click on the gear icon and then under the Options tab, add the products under Options.
    4. Toggle the Calculation values to the On position and add the amount for each plan. Build an automated quote form Screenshot 60
    5. Add a Dropdown element for the number of persons.
    6. Click on the gear icon and then under the Options tab, add the quantity under Options.
    7. Toggle the Calculation values to the On position and add the amount for each quantity. Build an automated quote form Screenshot 71
    8. Add another Single-choice element to show your options.
    9. Click on the gear icon and then under the Options tab, add the products under Options.
    10. Toggle the Calculation values to the On position and add the amount for each plan. Build an automated quote form Screenshot 82

    Now, let us calculate the final Score for all questions.

    1. In Form Builder, click on the Add Form Element menu on the left side of the page.
    2. Click on the Widgets tab.
    3. Search for the Form Calculation widget, and click on it to add. Let's label it as Total.
    4. Click on the Wand icon.
    5. Click on the Add Field button and select the single-choice and dropdown elements.
    6. Finally, click on the Save button. Build an automated quote form Screenshot 93

    That's it. Now the form will calculate the total price according to the selection in single-choice and dropdown elements. Check out the screenshot below to see the result:

    Build an automated quote form Screenshot 104

    Here's the demo form that you can clone and test.

    I moved your other question to a new thread to avoid confusion and helped you with that here.

    Give it a try and let us know how it goes.

  • guest_0d78a026cee8397d
    Replied on June 20, 2024 at 9:05 AM
    Hi Sidharth,
    Thank you for your quick response.
    Thank you for your prompt reply.
    It looks like I can implement it this way.
    I will try it later.
    Regards
    Kazu
    2024年6月20日(木) 21:46 Jotform <noreply>:
    </noreply>...
 
Your Answer