WordPress 4.1 is not showing my embedded jotform

  • mmercier
    Asked on January 15, 2015 at 4:21 PM

    We are setting up a new website in Wordpress (not hosted at Wordpress).  I embedded the form on our current website http://www.wcfls.org/game-reservation-form.php  and it looks perfect.  I use the url on our new site as I can't figure out the embedding  and all the labels are in a code so it doesn't make sense  http://temp.wcfls.lib.wi.us/equipment-to-borrow/.  I go to Jotform to look at the form and it also has the labels. 

    How can I get my labels and how can I get this to work either by a link or embedded on a Wordpress site?

  • raul
    Replied on January 15, 2015 at 5:08 PM

    Could you please try to use the iframe method instead? Or try to use our WordPress plugin to embed your form.

    The script tag is being displayed as text instead of being executed and this is why you don't see your form in your site.

    WordPress 4 Screenshot 20

    Let us know if this helps.
    Thank you.

  • mmercier
    Replied on January 15, 2015 at 5:26 PM

    Okay I figured out the form display and have made the link right on the temp website above (duh! on my part, looked at a bad form instead of the good form); But I can't get it to embed.  I tried the plugin, I click on the icon and nothing happens; I'm new to Wordpress so I think I need a plugin to be able to use the iframe method?

  • raul
    Replied on January 15, 2015 at 6:19 PM

    Please check this link: http://wpaisle.com/wordpress-plugins/iframe-plugins-for-wordpress/

    You can try to use one of the plugins mentioned there to see which one works best for you.
    Which version of WordPress are you running? It would be helpful if you can provide a screenshot of what happens when you try to use the plugin.

    Thank you.

  • mmercier
    Replied on January 16, 2015 at 3:04 PM

    We are using version 4.1  When I click on the pencil icon in Wordpress for the jotform plugin, nothing happens (nothing to take a picture of as nothing happens, just pencil icon in the toolbar).  I do not have popup blockers enabled.

  • Ben
    Replied on January 16, 2015 at 4:18 PM

    Hi,

    Thank you for the information about your WordPress version.

    You should be able to add the iframe embed code to your code directly as well, just remove the script code from it.

    This is only an example code:

    You get this:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/42964490074157" frameborder="0" style="width:100%; height:2580px; 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>

    You should remove the reddish part so you end up with this:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/42964490074157" frameborder="0" style="width:100%; height:2580px; border:none;" scrolling="no"></iframe>

    Best Regards,
    Ben