Need some help? We’re available to help clients and non-clients alike solve their website woes. See how we can help fix your website.
We enable HTTPS by default, and you may have even already had a Let’s Encrypt certificate installed for you. It’s best to check this before proceeding. The simplest and cheapest (free!) option for this is using Let’s Encrypt. You may alternatively purchase and install a commercial certificate.
If you don’t see your app in 1-click web apps (Installatron), here’s how to import it. When imported successfully, proceed through the steps above.
Pick an option below: option 1 is preferred.
Be sure to only pick ONE of the options below, otherwise you will end up with a redirect loop that results in Internal Server Errors. Option 1 is strongly recommended.
Look under the “Security” header and check the box that says: Permanent SEO-safe 301 redirect from HTTP to HTTPS.
Save your settings and you should find all requests now redirect to https.
If, after completing the above steps, you still don’t see the green lock/bar in your browser when visiting the site, the best next thing to do is clear your website cache (ie: WP Super Cache, WP Rocket, W3 Total Cache, etc), then clear your browser cache.
If you’re using WordPress, read here to learn how to manually adjust your content to use https URLs or install a plugin to help replace those URLs automatically.
If after clearing all caches you still don’t get a green lock/bar, the best way to find out what files seem to be causing problems is to use your browser’s web inspector tool. In some cases this tool will be available immediately, in others (like Safari) you need to enable Developer mode.
These indicate which files are not being loaded via HTTPS. You can use this info to find where they’re being loaded in the back-end and change to them relative or protocol agnostic URLs (as indicated in the examples found in the second paragraph above).
Fix up each resource which shows as a warning in the console and you’ll be all set! This is done by finding where each of those resources is linked in the code and swapping its http reference for https (ex: on a page? In the theme settings? In the plugin settings?).
Did you find this guide helpful? Want more great WordPress help and general website assistance? Check out our Blog, or try out our shared hosting and Canadian VPS hosting plans!