What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Payment Options based on certain input

    Asked by njulius on November 10, 2011 at 05:31 PM

    I am trying to make it to where if a certain zip code is placed, then only certain products will show, any way to do this?

  • Profile Image

    Answered by fxr on November 10, 2011 at 06:11 PM

    This isnt available in JotForm core functionality.

    But, I may be able to provide a workaround. We have to work out if its going to be in anyways suitable for you.

    1) Are you happy to create a different form for each Zip Codes' payment option?

    2) We cant use conditions for the Zip code value in the Address Field, it would have to have a seperate field of its own, a text box, radio button, drop down menu are all fine; is that something you could work with? 

    3) Do you have different products for EVERY possible zip code? are they in ranges?

    I will give a basic overview of what I think we could do: based on a condition for a Zip Code field, we could show the relevant form which contains products for that particular Zip Code.

    Here is an example form:

    http://www.jotform.com/form/13133827358

    the Zip Code options are '1' & '2'. 

    Have a look at that form(s) functionality and have a think if something similar could work for you, if so, I will show you how to go about it. 

  • Profile Image

    Answered by njulius on November 11, 2011 at 10:44 AM

    That is similar to what I want, however, I have a couple different zips that would work for one option and then other zips for other options and then ones that don't match either of those have last options. e.i.

    68901,68902, 68904-have this set to choose from

    69339, 69337,69386-have this set

    and then if it doesn't meet any of those, then this set. does it make sense?  we have certain options for certain counties, and then if it's out of state or not in those counties its a different rate.

  • Profile Image

    Answered by fxr on November 11, 2011 at 05:12 PM

    OK.

    Hopefully, I am understanding your query OK. 

    We have 4 'payment' options, so for each of those I create a seperate form, each of these forms are going to have the same products, just at different prices.

    These forms are:

    68901, 68902, 68904 -> http://www.jotform.com/form/13135552297

    69339, 69337,69386 -> http://www.jotform.com/form/13134210363

    Other US Zipcodes -> http://www.jotform.com/form/13141038374

    Overseas -> http://www.jotform.com/form/13141209342

    ---

    For each of these forms, I grab the script embed code from the Setup & Embed toolbar, Embed & clicking the Embed icon.

     

    I like to store these embed codes in Notepad, just so they are nearby when I need them later.

    These are the 4 relevant pieces of code. 

    <script type="text/javascript" src="//form.jotform.com/jsform/13135552297"></script>

    <script type="text/javascript" src="//form.jotform.com/jsform/13134210363"></script>

    <script type="text/javascript" src="//form.jotform.com/jsform/13141038374"></script>

    <script type="text/javascript" src="//form.jotform.com/jsform/13141209342"></script>

    (You'll probably notice that they are identical apart from the 11 digit unique form ID on the end. )

    ---

    Now I create my 'master form', from where I will give the user the options of these 4 different payment forms. 

    I have decided to use Radio Buttons for your options. 

    As this 'master' form should never be submitted, I will remove the Submit button by highlighting it and clicking the red X in the right corner.

    To the bottom of this form, I add 4 Free Text (HTML) fields and to each of these fields I add the script embed codes that I stored in Notepad earlier.

    To do this, Clicks the Free Text (HTML) icon from the Power Tools sub menu, This will add a new Free Text (HTML) field to the bottom of your form. Click the Edit Button, delete the 'Click to edit text' and paste in the relevant script embed code. Click Complete.

    NOTE: Once you have put your script embed code into the Free Text(HTML) field, leave the field alone. Dont edit it. If you have to change the code inside it. Delete the entire field & create a new one. This will help prevent any strange bugs creeping in.

    NOTE: Make an note of what Free Text (HTML) field you put each script embed code into, i.e in what order. Its quite important for when setting up our conditions.

    --

    So now, all we have to do is create our conditions. 

    I will show you how to create the first one, for Zipcodes, 68901, 68902, 68904 

    From the Setup & Embed toolbar, click the Conditions icon. 

    Ensure the Show/Hide a form Field option is selected, click Next.

    In the Conditions Wizard: (this should be self explanatory for the most part )

    NOTE: Because a script embed contains no text in the editor, all that will be shown in the 'Then Show' option is 4 thin 'blank lines', this is why its important to remember the the order in which each form was embedded into each Free Text (HTML) field.  For me, for this particular zipcode option, i need to show the first (i.e top) Free Text (HTML) field.

    I Save the condition. Thats 1 of my options done & ready. 

    I create the conditions for the next 3 options in much the same way, starting by clicking Add New Condition.

    When done, Close the conditions wizard & Save your form. 

    I will also make a note that, you should probably use a Custom URL for your Thankyou Page. Just to clear any remnants of the two forms when the user is finished with his order. 

    This is my example: http://www.jotform.com/form/13142037375 

    Its very basic. With more form elements,a bit of styling and maybe some Custom CSS you could produce a very visually appealing form. These things we can help you with.

    ----

    Hope that helps give you a better understanding of what you could maybe do with JotForms current feature set. Let us know if you need any further clarification on anything. 

     

  • Profile Image

    Answered by bikemonkey on December 02, 2011 at 01:48 AM

    This seems pretty intriguing and might work for a similar need I have. My question though is how is the data captured on the back-end? I assume only the child form's data will actually be submitted and not the parent selections which loaded it?

  • Profile Image
    JotForm Support

    Answered by idarktech on December 02, 2011 at 02:10 AM

    I have checked my colleague's workaround and base on the result it only sends the child form data not the whole form. I hope this information helped you. Thanks.

  • Profile Image

    Answered by fxr on December 02, 2011 at 04:54 AM

    Yes, only the child forms data will be captured, so you will have to clever in how you lay out your forms fields. They may be a little replication on your two child forms, you also can make use of Hidden Fields. The idea above is a workaround rather than an ideal solution.  

  • Profile Image

    Answered by njulius on May 16, 2012 at 03:12 PM

    OK. so I'm back again. I did this with some forms and it worked great, but then I do it for an engagement form, and it doesn't work. I have the forms embedded in the free text html fields, and the conditions set that if 1 field is empty show this amount to be paid and if its filled show this amount to be paid, however, when you hit submit you are not prompted for payment at all even tho I required those fields when I made the original form. Please help, I'm getting very frustrated.

  • Profile Image
    JotForm Support

    Answered by Mike_T on May 16, 2012 at 07:22 PM

    I am sorry to inform you, but this will not work like you want. Please note that if the Single Product option is used, nothing will be shown on the form page and the user will be asked to make the payment after the form submission. That is why your embed forms are not visible.

    Also you are are trying to submit Engagement Form, but not the Engagement Payment/Engagement Additional Info form. You will need to add the Submit buttons to your payment forms if you would like to submit them,   and remove that button from your main form. However, this is probably not a good idea, due to the fact that in this case only child (payment) form will be submitted.

    I think that the easiest solution will be adding Payment Tool to your Engagement Form with:

    Users can choose only one product - option

    or

    Users can select multiple products - option

    Please let us know if you need any further assistance.