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 in Wordpress not loaded when using HTTPS connection

    Asked by bellevuefineart on January 21, 2015 at 11:50 AM

    I have a form, it works great, but I'm getting ready to commerce enable the site, and the form doesn't work when using https. The page is blank, and jotform content doesn't load.

    Page URL:
    https://www.bellevuefineart.com/order-uploads/

    wordpress no working Jotform Wordpress
  • Profile Image
    JotForm Support

    Answered by Welvin on January 21, 2015 at 12:14 PM

    Hi,

    That is because your website is loaded over HTTPS connection, but your form is not.

    To fix this, you will have to re-embed your form and enable Secure URL method: https://www.jotform.com/help/63-How-can-I-receive-SSL-Submissions

    Thanks

  • Profile Image

    Answered by bellevuefineart on January 21, 2015 at 01:59 PM

    thanks!

  • Profile Image

    Answered by bellevuefineart on January 21, 2015 at 06:07 PM

    In another thread I was being helped for a separate issue where the form would hide buttons at the bottom and not push the footer down. To fix this issue it was suggested that I install form generator for Wordpress. 

    This is a Jotform written application to embed forms in Wordpress by using a shortcode. So while your answer above fixed the issue, when I use the application "form generator for wordpress" the form does not appear when the site is in SSL mode.

  • Profile Image

    Answered by raul on January 21, 2015 at 07:23 PM

    Could you please try to use the iframe code of your form? You can use one of the following plugins to add the iframe in your WordPress page: https://wordpress.org/plugins/iframe/ or https://wordpress.org/plugins/flynsarmy-iframe-shortcode/

    Let us know if this helps.
    Thanks.

  • Profile Image

    Answered by bellevuefineart on January 21, 2015 at 07:45 PM

    Look, at this point I'm frustrated as hell! I've tried things from numerous answers from jotform support today, and everyone either doesn't work or creates another problem. The iframe code wasn't pushing down the content of the footer, so submit button was getting hidden. Finally somebody suggested this plugin, which was the first thing that worked. And it's a JOTFORM plugin. Now you want me to try a new plugin and iframes... AGAIN.

    I'm ready to pull the plug on jotform. This is seriously not happening. How about somebody at Jotform try and test something rather than just throwing out half baked ideas.

    I'm sorry, I've been at this ALL DAY NOW. And this is why I'm using Jotform, so I don't have to do this all day long.

     

    http://www.jotform.com/answers/496558-form-area-needs-scrolling-to-be-seen#10

  • Profile Image

    Answered by Sean on January 21, 2015 at 11:24 PM

    Hi bellevuefineart,

    I understand that you have been at this all day and you are now flustered but we are and we will continue trying until we get your desired result. I am sorry that we weren't able to get you a fully functional resolution earlier but I would like to recommend what I have found.

    I did some test on your website with the aid of Google Chrome's Inspect Element feature and I was able to manipulate your website code. I got your form to show over HTTPS. Please note below:

    The code that was used to get this done was:
    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.us/form/21065362980150" frameborder="0" style="width:100%; height:710px; border:none;" scrolling="no"></iframe>

    In WordPress

    To add this code to the form, you can simply copy and paste the code provided above directly into the text editor for that page or post you are working on. Please follow the instructions below.

    Please give this a try and do let us know if the issue persist.


    Cheers!
    Sean

  • Profile Image

    Answered by bellevuefineart on January 22, 2015 at 12:33 AM

    OK guys, thanks for your help. After a nap and dinner I went back at this and here's what i found.

    I started trying random things. I have two issues. 1) form won't display correctly unless it's specifically embedded for SSL. 2) form won't push down content below the form.

    I tried using the Jotform Plugin for Wordpress, "Form Generator for Wordpress". It uses shortcode, and works GREAT with an http connection, but there's no way to tell it to use SSL. In terms of formatting the page correctly within WP and forcing lower content down, it works great, and it's easy, but no SSL.

    The iframes in SSL was not forcing content down, so I just abandoned it altogether. Here's the funny thing. After a while I tried using the standard javascript, but forcing SSL by checking that check box:

     

     

    It really was that simple. It works. It formats correctly and works when the form uses https and http.

    I just ignored all the other selections for iframes and WP and just used that and it works. Thank you page looks great as well.

    Have a great day.

  • Profile Image
    JotForm Support

    Answered by Welvin on January 22, 2015 at 06:44 AM

    Great that you have it sorted now! But one thing to NOTE, our WP Embed plugin as well as the Form Generator for WordPress by tmontg1 currently doesn't support HTTPS so you can't use it when your website runs in HTTPS connection.

    You can also try our oEmbed plugin: https://wordpress.org/plugins/jotform-oembed. After you install it, just paste the form URL to your page/post and the plugin automatically embed the form for you and show it in the front end. Note, make sure to get and place the secure URL version of your form.

    Thanks