How to Enable cloudflare SSL and fix broken wordpress site

To enable Cloudflare to provide a front end SSL certificate for your WordPress website, under the DNS table make sure the Proxy status is enabled for the website address


When you go to https://mysitename you will find the WordPress website is broken and not displaying correctly

Install Cloudflare Flexible SSL WordPress Plugin to fix this

  • Login to WordPress admin
  • Go to Plugins >> Add New
  • Search for “Cloudflare Flexible SSL”
  • Install and activate it

Confirm going to https://mysitename displays the site correctly now. 
To redirect http to https so all traffic is secured, go to the Edge Certificates menus under SSL/TLS

Turn on Always use HTTPS