Tips and tricks

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:
Your Domain:
Your Username: hmm23
Your Password: xxxxxxxxxxx

Final Secure URL:

So let’s analyze this a little

secure http protocol required for facebook

control panel location without port and with secure instead of gator

your username

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

Step 3

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


That’s all!

{"type":"main_options","images_arr":"'#ffffff'","enable_ajax":"off","soundcloud_apikey":"","bg_isparallax":"off","bg_slideshow_time":"0","bg_transition":"slidedown","site_url":"https:\/\/","theme_url":"https:\/\/\/wp-content\/themes\/qucreative\/","blur_ammount":"26","width_column":"50","width_section_bg":"","width_gap":"30","border_width":"0","border_color":"#ffffff","translate_cancel_comment":"Cancel reply","translate_leave_a_comment":"Leave a comment","translate_leave_a_comment_to":"Leave a comment to","is_customize_preview":"off","width_blur_margin":"30","gallery_w_thumbs_autoplay_videos":"off","content_enviroment_opacity":"30","menu_enviroment_opacity":"70","base_url":"https:\/\/"}