How to make Facebook iFrame WordPress Theme work with SSL on HostGator for free

How to make Facebook iFrame WordPress Theme work with SSL on HostGator for free

Step 1

Facebook recently changed their terms to allow only secure https apps / iframes work within their pages. Since then, many guides have been posted about avoiding paying 100$ + because for some people the investment is not worth it. Here is one of them ->

If you have a HostGator host it’s very simple to build your https link  simply from the first mail you receive from them. So let’s present the first mail data and the final secure link that facebook requires. We will presume the theme is located on our host in the facebooktheme folder.

First Mail:

Your Control Panel:     https://gator1444.hostgator.com:2083
Your Domain: dzsthemes.net
Your Username: hmm23
Your Password: xxxxxxxxxxx

Final Secure URL:

https://secure1444.hostgator.com/~hmm23/facebooktheme

So let’s analyze this a little

https://secure1444.hostgator.com/~hmm23/facebooktheme

secure http protocol required for facebook


https://secure1444.hostgator.com/~hmm23/facebooktheme

control panel location without port and with secure instead of gator


https://secure1444.hostgator.com/~hmm23/facebooktheme

your username


https://secure1444.hostgator.com/~hmm23/facebooktheme

theme location

Step 2

Well, that was easy enough. All that remains is change the site url in WordPress. So go to your Dashboard > Settings > General and update both WordPress address and Site address to https://secure1444.hostgator.com/~hmm23/facebooktheme

Step 3

All that remains is to update your secure canvas url inside the facebook app settings

 

That’s all!