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

    Unable to embed multiple jotform into multiple page

    Asked by coastalbendinnovation on September 26, 2014 at 01:41 PM

    Hi Jotform,

    Can you look at this form: http://www.innovation4texas.com/apply.cfm

    I try to embed 3 different jotform into 3 pages: company, mentorship and ICCS using . However, it only shows the one for company, but not for mentorship and ICCS (blank). I have a web programmer troubleshooting this but he can't figure out why. Could you help me find a solution or something I can try?

    Thank you.

    Page URL:
    http://www.innovation4texas.com/apply.cfm

    JotForm embedding embedding jotform
  • Profile Image

    Answered by Ben on September 26, 2014 at 03:33 PM

    Hi,

    I can not see any code added to the page that would call the jotforms on there.

    Please copy the code such as you did for your first page (Company) into the sections where these other jotforms should go.

    This is the only code I see on your site:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/42605982000144" frameborder="0" style="width:100%; height:2799px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    It is the embed code for the Company page. Please get the similar code for other pages by following these steps: Getting the Form iFrame Code

    Once you add them to your page, if they are still not shown, please let us know and we will take a look at it.

    From what I saw, you would need to add them between next segments on your website:

    <!-- Mentorship Form -->
    <div class="showMentorshipForm applyForm" style="display:none;">
                  
    </div>

    and

    <!-- ICCS Form -->
    <div class="showICCSForm applyForm">
                   
    </div>

    Do let us know how it goes.

    Best Regards,
    Ben