Please tell me which components to use to emulate http://www.jotform.com/pricing

  • AlanJordan
    Asked on May 14, 2015 at 7:00 PM

    I'd like to build a page that has similar functionality to http://www.jotform.com/pricing, but I don't know where to start.  I only want to have three choices.

    Can you please tell me which widgets were used to build the four choices?

    Thanks.

     

  • David JotForm Support Manager
    Replied on May 14, 2015 at 8:58 PM

    You could some how try to use the Image Picker widget, and apply the workaround of using conditional logic to update a form field value depending on the selection of the image, in your case a product image : http://www.jotform.com/help/286-How-to-Populate-Field-with-a-Value-from-another-Field

    Please tell me which components to use to emulate  http://www Screenshot 30

    Then apply this workaround to pass the values to the payment gateway: http://www.jotform.com/help/275-How-to-pass-a-calculation-to-a-payment-field

    Here is my example form: http://form.jotform.co/form/51337457666868

    Please tell me which components to use to emulate  http://www Screenshot 41

    You may clone it if you want to inspect it further: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    However, "I'd like to build a page that has similar functionality ", seems like you are looking for a website builder, since you wan to create a webpage, here is a list of some website builders:

     http://www.websitebuilderinsider.net/website-builder/

    Let us know if you have more questions, we will be glad to assist you.

  • AlanJordan
    Replied on May 15, 2015 at 12:30 PM

    Thank you for your response.  The image picker seems to require a fixed size for all images. Would it make sense for me to make three different images, and place them in some sort of table and when someone clicks on the image, they are taken to a particular web page to make a purchase?  In this way, I could emulate the different sizes as shown on your pricing page.

     

     

  • Carina
    Replied on May 15, 2015 at 2:57 PM

    In that case it is better to use Image Radio button widget as it allows only one choice:

    http://widgets.jotform.com/widget/image_radio_buttons 

    Then you can set up a condition to change Thank you url after submission, so that if it contains (image name) to redirect to (url):

    Please tell me which components to use to emulate  http://www Screenshot 20

    You can test it here, by selecting 1st choice and then submitting the form:

    http://form.jotformpro.com/form/51345848099972? 

    Let us know if we can assist you further.   

  • AlanJordan
    Replied on May 15, 2015 at 7:10 PM

    Question relocated.