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

    Form calculating different values in preview and when embedded

    Asked by kauseway on December 13, 2014 at 08:28 PM

    I was testing the for directly and the value came out to $85

    (you must select from the drop down menu on the first field)

     

    The exact same form attached to my website came out to $130.

     

    Can you tell me what is causing that?

     

    Here are the values:

    ?email=ejjjeje@md.com&beds=3&baths=3&freq=.35&postal=77077&sqft=2300

     

    Here is the form:

    http://form.jotformpro.com/form/43456658411963?email=ejjjeje@md.com&beds=3&baths=3&freq=.35&postal=77077&sqft=2300

    Here is the website:

    https://naturalcarecleaningservice.com/book-now-checkout?email=ejjjeje@md.com&beds=3&baths=3&freq=.35&postal=77077&sqft=2300

    Page URL:
    http://form.jotformpro.com/form/43456658411963

    different select same form attached
  • Profile Image

    Answered by Ben on December 14, 2014 at 03:17 AM

    Hi,

    I took a look at your jotform and your website and there are few things that I would like to mention.

    1. wrong calculations

    You were most likely using the js embed method and there was a conflict in the scripts which caused the issues in form of wrong calculation.

    Using iframe embed method would be the best choice as it would allow you to run the jotform without any outside conflicts.

    2. iframe code you are currently trying to use

    I took a look and I saw that you have added this iframe code:

    <iframe id="JotFormIFrame" frameborder="0" scrolling="no" style="width:100%; height:487px; border:none;" src="http://form.jotformpro.com/form/43411187707959" allowtransparency="true"></iframe>

    You should change it to the code given for iframe embed method or update it to look like this:

    <iframe id="JotFormIFrame" frameborder="0" scrolling="no" style="width:100%; height:487px; border:none;" src="https://secure.jotformpro.com/form/43411187707959" allowtransparency="true"></iframe>

    You can notice that I have removed the part and that I have placed the call to your secure jotform instead and this is why:

    can not be placed in side of the WordPress pages as it will output it as plain text. This in turn will cause the jotform to not be displayed since this http://form.jotformpro.com/form/43411187707959 is not a valid link.

    You can add that part () only in PHP pages of your WordPress Blog.

    Do let us know if you have any issues with this part.

    The reason why I have changed the link to the secure version is to avoid the jotform to be hidden by some browsers or displaying the un-safe rectangle in others. The reason why this was shown is because your website is behind HTTPS (secure protocol) and for it to be secure, all non-secure (plain HTTP) calls must be removed or alerted of.

    Since I have noticed that there are 2 links, one that was in the iframe code on your website and one that you have given to us above, I am adding the iframe code for the jotform given to us above:

    <iframe id="JotFormIFrame" frameborder="0" scrolling="no" style="width:100%; height:487px; border:none;" src="https://secure.jotformpro.com/form/43456658411963" allowtransparency="true"></iframe>

    Also please make sure that you are testing the same jotforms in preview and on your website or the results could be different based on the available fields and their setup.

    Best Regards,
    Ben

  • Profile Image

    Answered by Ben on December 14, 2014 at 05:36 AM

    Hi,

    I remembered that I have given you the iframe code without the closing elements, so I wanted to update my answer.

    This would be the correct code to use:

    iFrame with the link found on your page
    <iframe id="JotFormIFrame" frameborder="0" scrolling="no" style="width:100%; height:487px; border:none;" src="https://secure.jotformpro.com/form/43411187707959" allowtransparency="true"></iframe>

    and the iframe with the link in your question
    <iframe id="JotFormIFrame" frameborder="0" scrolling="no" style="width:100%; height:487px; border:none;" src="https://secure.jotformpro.com/form/43456658411963" allowtransparency="true"></iframe>

    I will also update the answer above to hold the full HTML.

    Best Regards,
    Ben