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

    wordpress integration

    Asked by Heeschen on March 20, 2011 at 04:16 PM

    I would like to put a jotform on my wordpress page.

    The jotform widget does not work!!!.

    Do you have any idea.

    Please help.

    Thank you.

    Marc

    wordpress widget JotForm
  • Profile Image
    JotForm Support

    Answered by NeilVicente on March 20, 2011 at 04:27 PM

    Hi,

    You can add a form into a Wordpress page or post by doing these:

    On a WordPress "Add New Post" page, click on "HTML" tab above post textarea. Copy form code above: Paste it into the HTML textarea.

    Make sure that you click on the HTML tab before pasting anything, else the browser will just show the embed codes and not interpret it.

     

    Voila!

     

  • Profile Image

    Answered by allanftd on March 20, 2011 at 04:33 PM

    Hi Marc,

    JotForm makes it easy for you to embed forms in WordPress. Please follow these steps:

    1) Once you've finished and saved your form, click the "Setup & Embed" tab above the form builder.

    2) Click "Embed Form"

    3) Click Wordpress and follow the instructions that will be displayed.

    Hope the above instruction will work for you. Please let us know if you need further assistance.

    Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image

    Answered by thriveparenting on March 22, 2011 at 04:40 PM

    I am following the instructions above and when I update my wordpress blog, the html disappears and nothing shows up on my blog.  Please help!

    Thanks!

    Carrie

  • Profile Image

    Answered by Brian on March 22, 2011 at 05:52 PM

    @thriveparenting

    Wordpress automatically deletes anything that could be used for viruses which is why they don't like those pesky iframe or script commands. But here is the work around for wordpress.

    Download and install iframe embed plugin for wordpress. Then use the iframe code from jotform. Just copy and paste the code to your post or page, delete the extra stuff and format it correctly and you're done.

    What you paste in your post should look something like this:

    [iframe http://www.jotform.com/form/10804721048 100% 457px]

    That's it. Works great when you need to stick Google maps or calendars in your wordpress as well.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on March 22, 2011 at 08:05 PM

    @thriveparenting

    If your blog is hosted on Wordpress.com, then there is no way you could embed your form. Wordpress.com prohibits pasting of codes such as <script> <iframe> <embed> and any other tags which could possibly pose as a security threat to its community.

    Plugins are tools used to extend the functionality of the WordPress platform. However, they are only applicable to privately-hosted blogs and web sites using the WordPress.org software. Plugins are not permitted on WordPress.com for various security reasons.

  • Profile Image

    Answered by talk2bks on March 23, 2011 at 01:27 AM

    Yeah, what he said. I'm curious if Carrie is using wordpress.com or the platform. I just discovered jotform today and very excited about linking it to my wordpress websites.

  • Profile Image
    JotForm Support

    Answered by liyam on March 23, 2011 at 09:09 AM

    Most probably this wordpress blog is hosted in wordpress.com that's why it's not showing up the form.

    I have tried a number of ways to do this in a wordpress.com hosted blog but was not successful.

    What I can suggest to Carrie is that provide an external link going to the form instead.

    Hope this helps.

  • Profile Image

    Answered by subtleflyfisher on February 11, 2013 at 10:54 AM

    Hi all 

    My blog isn't hosted on Wordpress.com but on OVH as hoster. Still Javascript doesn't seem to work . I am working with the 3.5.1 version and there, I don't get a "html" tab. Only a text or visual tab. is there a bug or a new limitation of Wordpress on Javascripts ? 

  • Profile Image
    JotForm Support

    Answered by ardy0689 on February 11, 2013 at 11:07 AM

    Hi, I would strongly suggest to try what Bryan suggested it should fix it and saves you the trouble on conflicting Wordpress plugins as some plugins interfere with embedded codes. Try the IFRAME approach instead and install the IFRAME embed plugin.

    Using what Bryan suggested, it does not matter if you are on HTML tab or Visual tab. Wordpress shortcode works on both of them.

  • Profile Image

    Answered by PositusPrimus on March 07, 2013 at 10:54 AM

    There are several iframe embedding plugin options - what specifically is the correct one to use ?

  • Profile Image

    Answered by jefreylandicho on March 07, 2013 at 11:22 AM

    @PositusPrimus

    Are you using Self Hosted WordPress or Hosted WordPress? 

    When embedding the form using IFRAME, you do not need to use any plugin.  

    What you need to do is copy the IFRAME embed code and

    In your WordPress website, switch your page/post text area from Visual  to HTML Mode.

    If you need more assistance, please contact us again.


  • Profile Image
    JotForm Support

    Answered by ardy0689 on March 07, 2013 at 11:25 AM

    In addition to my colleague's suggestion, if should you choose to use the plugin approach, this plugin works http://wordpress.org/extend/plugins/iframe/ for JotForm

    Thanks

  • Profile Image

    Answered by harborvette on March 30, 2014 at 09:49 PM

    I have tried and tried to get a form to embed into this page...

    http://harborvette.com/?page_id=31

    I tried 2 differant IFrame plugins, tried wp code, iframe code, both in visual editor and text editor.

    after pasting code into page, the update button will not update.

    Here is IFrame code:

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

     

    Here is WP Code:

    <script type="text/javascript" src="//form.jotform.us/jsform/40647977265165"></script>

    This last time, when I used the WP code, again, the update button would not update, - so I was able to go back to visual and update but the code did not stick...it does not show..it dissapeared.

  • Profile Image
    JotForm Support

    Answered by TitusN on March 31, 2014 at 05:42 AM

    @harborvette

    We would love to assist with your request - but we cannot respond on this thread.

    Please open a new support request with the same details so that we can effectively respond.

    Thanks.