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

    Product subtotal of paypal not showing up in Tumblr site

    Asked by meccainstitute on August 10, 2015 at 07:28 AM

    My Clients website is  tumblr based and with DNS mapping to the tumblr site

    www.mecca-institute.org

    The form is located at www.mecca-institute.org/registration

    when adding paypal shopping cart with subtotals adding while filling the form and selecting multiple products the total shows 0 $ but after submitting the form on the paypal checkout page the total and number of products shows up corrent but no total shows while filling from and selecting the products.

    This is not the case when the form is previewed on jotform.

    Using this embed script on the tumblr page

    <script src="https://secure.jotformpro.com/jsform/52183441805957" type="text/javascript"></script>

     

    Tried using the iframe embed on tumblr but the form does not load up on the page

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/52183441805957" frameborder="0" style="width:100%; height:1973px; border:none;" scrolling="no"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>.

     

    Page URL:
    http://www.mecca-institute.org/registration

    product showing up JotForm style height message
  • Profile Image
    JotForm Support

    Answered by Charlie on August 10, 2015 at 10:38 AM

    Hi,

    Have you tried following the methods mentioned here: https://www.jotform.com/help/54-Adding-Form-to-Tumblr. It seems like there's a code conflict between your website and the form itself.

    If that doesn't work, please do try again the iFrame embed code but make sure to remove the script code that was included on it, add it on an HTML app.

    Here's an example: 

    Here's my iFrame embed code.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/52214259927964" frameborder="0" style="width:100%; height:514px; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Now remove the ones in bold or in green highlight and just use the code wrapped in <iframe> tags. This is now the final code that you'll need to use.

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

     

    Do let us know if any of the solutions above worked.

    Thanks.