SSL Certificate Installation Guide
I’ll show you how to set up a free WordPress SSL certificate with Cloudflare. This will work on any hosting all you need is access to your domain DNS settings which 99% of the main providers allow. After going through this article you will have a little green padlock next to your domain. In this article, you will learn the following a summary of what Cloudflare is setting up your domain to Cloudflare and installing an SSL certificate plug-in on WordPress verifying there’s a self-certificate with Cloudflare.
Let’s get started by going to Cloudflare. Cloudflare is actually a CDN which offers free SSL with the city and CDN just means content delivery network and this is a nice map basically they have servers all around the world and your content is copied to all those servers. So let’s say your user is in Canada the content will be loaded from Canadian server or whatever is closest Cloudflare location.
Let’s get back to the tutorial and justclick on sign up here at the top. Fill in your email and create a password. I already have an account so I’m going to just log in. In the meantime just sign upto CloudFlare the steps are really straight forward. Once you’re done you will see a page and if you don’t just click on the Home tab and you should see the same page with the free account you get one domain that you can put your SSL certificate on.
So in my case I’m going to use it this blog as an example so I’m going to type in the domain name without the www and the HTTP. so just a domain like this andthen hit add site in the next step. It just tells you that it’s querying all the DNS records. You can just read this to and click on next and here you select the plan. In our case we’re gonna use the free one. Just confirm you want this free plan for one domain.
Once it’s loaded it will display all kinds of information about your DNS records so basically every domain has certain records that are publicly available and CloudFlare fetches those and shows all of them here. So all you need to do here is just double check that your domain name has this orange cloud and also their www like this one here and if it doesn’t, just click on it and it becomes orange. You can click on continue and if you have no errors it’s all good then.
This one is really useful page, it basically shows what you have to change your DNS records so on the left you have the old DNS records and on the right. What they should be so at this point just copy them open up text editor or whatever you prefer and paste these two like this and just in case take a screenshot or just save these. Just in case anything goes wrong, you can always go back and just use the old DNS records and then just click on continue.
When you’re ready, the copy-pasting geese okay make it quick on the next view it encourages you to actually change or modify the DNS records for this. We have to go to the domain provider wherever you bought the domain. Go there and all of them should be able to change the DNS records.
So in my case I’m using GoDaddy so I’m already logged in so I can just go to my account and under my domains I find the domain that I just added in CloudFlare and click on dns this might look slightly different in your hosting provider but the idea is completely the same. You just need to modify the DNSrecords.
So here’s where I can manage the DNS information and you can see there’s a lot of information here. If we scroll down here in the middle, you see nameservers and that’s actually what we’re going to change now. So as you can see these two that something lawfare just showed us so we’re gonna change this by clicking on the button here and then in GoDaddy I need to choose custom and in this case I go to my text editor and grab the two DNS settings and I’m going to copy paste them here and the other one and just don’t forget to save the changes and immediately.
There’s a notification from GoDaddy that there’s been some changes and as you can see here on the nameservers. The two new ones the declawed fire asked us to change to that’s displayed already here and when coffer notices that you change the DNS to the right name servers you’re going to receive an email like this and it states what you’ve done.
So you have also there before records and current records so keep this email so if we goback to GoDaddy you’ll see actually the page has been refreshed. It’s telling that there’s no records go that is not controlling the DNS settings anymore. This is great as it means that this has worked. So now if we go back to cloud flare and click on this, we check the name servers. This will trigger Clotho to check again and as you can see once I click on it. It recognized that the status is active and that CloudFlare is in control of the DNS.
So next we actually need to install there it’s SSL certificate plugin for WordPress so that it will automatically recognize it and display the correct SSL on the side. So I’m already logged in into my wordpress.
Just go to plugins and add new and scroll down to the search for plugins and type in CloudFlare and once it’s done you’ll have few options. You need this CloudFlare flexible SSL and click on install now, and don’t forget to activate the plug-in.
The great thing is you don’t need any other settings for this plugin. It just works out of the box. So now if we go back to CloudFlare and in the overview tab just scroll a little bit furtherdown the page until you see this domain summary and there’s an SSL. Click on the full this will open up a page and here on the right where it says full change that to flexible and once it’s reloaded you’ll see that Universal SSL status is “active certificate” so this means that this certificate is installed, however, it might take up to a day or two for it to actually work. So you’ll have to wait for the DNS records to propagate it might take a thirty minutes but it also might take a few days.
One more thing you need to do is just to scrolldown in this view and where it says ‘always use HTTPS’. Just enable this functionality by clicking here and this means if somebody types in HTTP it will automatically redirect to HTTPS. Now if we go back to the website you should see a green padlock next to the URL.
If you see a yellow pad lock or a padlock with an eye or something like that then you probably have mixed content warning and this just means that you have some images or some style sheets that are actually loaded with using the HTTP. It will appear on your screen now. If you found this article useful, comment about this post and share it. Let me know if you any questions down below.