Form in Wordpress not loaded when using HTTPS connection

  • bellevuefineart
    Asked 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.

  • Welvin Support Team Lead
    Replied on January 21, 2015 at 12:14 PM

    Hi,

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

    Form in Wordpress not loaded when using HTTPS connection Image 1 Screenshot 20

    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

  • bellevuefineart
    Replied on January 21, 2015 at 1:59 PM

    thanks!

  • bellevuefineart
    Replied on January 21, 2015 at 6: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.

  • raul
    Replied on January 21, 2015 at 7: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.

  • bellevuefineart
    Replied on January 21, 2015 at 7: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

  • Sean
    Replied 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" onDISABLEDload="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>

    Form in Wordpress not loaded when using HTTPS connection Image 1 Screenshot 30

    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.

    Form in Wordpress not loaded when using HTTPS connection Image 2 Screenshot 41

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


    Cheers!
    Sean

  • bellevuefineart
    Replied 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:

    Form in Wordpress not loaded when using HTTPS connection Image 1 Screenshot 30

     

    Form in Wordpress not loaded when using HTTPS connection Image 2 Screenshot 41

     

    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.

  • Welvin Support Team Lead
    Replied on January 22, 2015 at 6: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