WP Fan Pro Theme by Rapid Crush – Free SSL Solution
As requested, step-by-step instructions for making your wp fan pro theme by Rapid Crush Fan Pages work with the Free SSL Solution at Hostgator.
1.) Find your SSL Address
Click here to check previous post on how to find your SSL Address on Hostgator.
Unlike other solutions, this one actually gives you a 404 error when you find the “right” address.. I know, right? :)
In my case, my domain install is: http://custombizfanpages.com/webwooky/ (this won’t work anymore if you try and reach it because of the below changes I’m about to make).
My Free SSL Version is: https://roadrunner.websitewelcome.com/~bfbs/webwooky/ (We’ll use this for Facebook)
and my non-SSL version of the page is: http://roadrunner.websitewelcome.com/~bfbs/webwooky/ (We’ll use this for WordPress)
2.) Login to WordPress – General Settings
Login to your WordPress backend and click on General Settings
In my case, the url was: http://custombizfanpages.com/webwooky/wp-admin/options-general.php
3.) Change both WordPress and Site Address
Update both the WordPress address (URL) and the Site address (URL) to the new non-secure url.
In my case, the url is: http://roadrunner.websitewelcome.com/~bfbs/webwooky/
4.) Log Back Into WordPress
Once you have changed the address, it will automatically log you out of WordPress.
Log Back into WordPress at your new address (should of popped up automatically), in my case: http://roadrunner.websitewelcome.com/~bfbs/webwooky/wp-login.php
5.) Theme Options > Theme Activation
After logging back in, go straight to your Theme Options and click on Theme Activation.
Re-Activate your theme by clicking on “Activate Theme” and then “Save Changes”
6.) Theme Options > Facebook Settings
Once Saved, click on Facebook Settings in your Theme Options.
Update your Facebook Custom Homepage URL and Custom Reveal Page URL to the new SSL secure url and then click on Save Changes.
In my case, the new secure ssl url is: https://roadrunner.websitewelcome.com/~bfbs/webwooky/ for both, because I don’t have a “reveal page” for this one. If you have a reveal page, you need to adjust your url to include the right before and after path. (i.e. https://roadrunner.websitewelcome.com/~bfbs/webwooky/pre-like and https://roadrunner.websitewelcome.com/~bfbs/webwooky/after-like)
7.) Login to Facebook Apps
Now go to Facebook Developers and click on “Apps”. Find your Fan page Application and click on Edit Settings.
You need to update the Canvas URL to the non-secure URL i.e. http://roadrunner.websitewelcome.com/~bfbs/webwooky/
You need to update the Secure Canvas URL to the new SECURE URL. i.e. https://roadrunner.websitewelcome.com/~bfbs/webwooky/
You need to update the Page Tab URL to the non-secure URL. i.e.http://roadrunner.websitewelcome.com/~bfbs/webwooky/index.php
You need to update the Secure Page Tab URL to the new SECURE URL. ie. https://roadrunner.websitewelcome.com/~bfbs/webwooky/index.php
8.) All Done, Test!
If you did everything as I did above, you should be able to view your Facebook Fan page in secure mode now.
My example now working at: https://www.facebook.com/WebWooky?sk=app_148230711913341