Secure URLs in iFrame Facebook NOT WORKING properly

  • Profile Image
    Asked on November 24, 2011 at 07:49 AM

    Dear JotForm team


    We are facing a very common issue on all our Facebook forms now:


    -When you are on a standard non-secure connexion on FB, IE shows a normal form as per first screenshot in attached.

    -When you are on a secure HTTPS connexion in FB, the iFrame tab shows an odd layout with no background picture as per lower screenshot.


    Please help as we now have many clients complaining about the issue..we have tried to substitute "secure.jotform.." by "www.jotform.." in our tab links but this has not given any results




  • Profile Image
    Answered on November 24, 2011 at 08:02 AM


    I have checked the code and it seems that you have embedded your form using regular http://.  Please try changing the embed code to https:// to fix it.

    If you need further assistance, please let us know.

  • Profile Image
    Answered on November 24, 2011 at 04:01 PM

    Hi Liyam

    I have checked again my Application setting in Developpers in Facebook and it is actually HTTPS,

    I have:

    in the "Secure Page Tab URL"


    in the "Page Tab URL" field

    Please help

  • Profile Image
    Answered on November 24, 2011 at 04:20 PM

    Make your app configuartion look a bit like this, all that needs to change is the 11 digit unique Form ID for each URL.


    There is a User Guide entry on this method here


    I have checked our tests forms, both SSL and non-SSL are working as expected. 

  • Profile Image
    Answered on November 24, 2011 at 04:22 PM

    IF that still doesnt work, can you link me to your actual form? 

    are the images hosted on it on a secure website? It may be an idea to upload them to JotForm and use them from there. 

  • Profile Image
    Answered on November 25, 2011 at 03:22 AM

    Hi FXR

    I am using "Page Tabs" and have followed your guidelines but the issue is still there.

    The edit link for my form is :

    and the related FB link is on:




  • Profile Image
    Answered on November 25, 2011 at 03:51 AM

    in your custom CSS change the background image to a secure location.

    .form-all {background-image: url('');}


    Whats in your HTML fields? Make sure any images in there are also hosted on https:

  • Profile Image
    Answered on February 23, 2012 at 10:17 PM

    I've found the answer is to use as the unsecure version and then as the secure url