how can I pass address and postcode from main form to create regional pricing scenario

  • Profile Image
    Asked on September 24, 2013 at 03:02 AM

    My main form is:

    When you select postcode 2800 I want the embedded order form ( to be passed the address and postcode. I have added the fields to the URL in the HTML field (the first one) and created the fields in the embedded form but the postcode and address are not being passed through.

    As a trial I added a submit button to the main form and used a condition with the same url as the embedded form in the HTML field and it passes the address and post code correctly.

    My scenario is similar to your multiple pricing scenario but I am creating regional pricing.

    I need the post code and address to be included in the submission created when the embedded form is submitted.

    Can yo help? thanks

  • Profile Image
    Answered on September 24, 2013 at 09:57 AM

    Hello dbeevers,

    I am not sure, if technically it will be possible. 

    The values inside {____} will only be populated after the form is submitted. I believe these are server side variables and parsed at the runtime. This is the reason you see "{PropertyPost}" in the textbox value as your form takes it as a text and not a variable.

    You can achieve something similar with the custom thank you url. Please be noted that you will have to submit the form for this to work.

    Hope this answers your question.

    Thank you!

  • Profile Image
    Answered on September 24, 2013 at 07:48 PM

    Hi ashwin_d,

    Thanks for your answer. The custom URL method works so I will use this although it's not ideal. While your payment wizard allows special pricing for product variants my client did not like the way you have to select the sales region (which in this case is based on post code) along with the product. You really don't want customers to see all prices when they make a purchase.

    I would like to put a request in to have the ability to price products by region and to have multiple payment gateways at the same time. Then Jotform will be really cooking!

    The main issue with your existing approach is that some of the data captured during the form filling process is not submitted. In my case this is the property address and the post code which are the most important information.

    yours david

  • Profile Image
    Answered on September 24, 2013 at 08:12 PM

    Hi again ashwin_d,

    I just wanted to add some more detail to my request to have the ability to price products by region and to have multiple payment gateways at the same time.

    In the payment wizard add the ability to select one or more payment methods on the first screen. The product screen will stay essentially the same as will the coupon screen.

    Add another screen after the coupon screen for "price breaks" that works in a similar way to the coupon screens ie allows changing of the price by a percentage or fixed amount based on a code or field contents.

    Link both the coupon and price breakes to the forms conditions so we have some ability to manage the combinations.

    That's it!

    This approach which extends what you have already will mean that a single form can be used rather than the three or more currently required. All form entries will be submitted in one submission and the prices will be able to be easily maintained by staff.

    kind regards


  • Profile Image
    Answered on September 24, 2013 at 10:24 PM

    Hi Dave,

    We will consider all your request but we'd appreciate if you could post them in aseparate thread so we can forward it to our developers. Thanks in advance.

    Going back to your main concern, Jotform field variables only works on submissions as explained previously by my colleague but here's a workaround using AngularJS plugin. (Check on "The Basics" for samples.)

    Note that script embed with URL query can't prepopulate the fields so you have to switched to iframe embed code. Here's an example:

     <iframe src="//{{addressfield}}&pcFrom={{PropertyPost}}" style="border:0;width:100%;height:650px;" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

    And on the main form source code, just define the model name of the field where the data will be taken.

    <textarea id="input_39" class="form-textarea validate[required]" name="q39_propertyAddress" cols="55" rows="2" ng-model="addressfield"></textarea>

    You can to get and modify your form source code to achieve this. How to get your Form Source Code


    Let us know if you require further assistance. Thanks!