Themify Tutorial How To Add SSL

What is SSL and why do you need it? On today's tutorial series, we'll focus on getting down to the bottom this small but mighty detail. SSL (Secure Sockets Layers) is a set of encryption protocols used to secure users' information and ensures that the data transmitted to a website remains encrypted. Major search engines (such as Google) recommend all sites to have an SSL certificate and favours sites that do by ranking them higher in searches. Now you can probably imagine just how beneficial having an SSL certificate on your site is. Not only would it increase the security on your site, but it would potentially create more visitors because of your higher Google search listing.

On top of this, providing visitors and customers peace of mind when submitting personal information and buying products on your site allows for more trust, less buyer's remorse, and happier clientele. If you have a website that accepts payments, such as an online store, then having an SSL certificate is an absolute must. Typically, you can purchase an SSL certificate via your host provider or from an SSL authority. Here are a few options that you can use to get you started: Symantec, Comodo, and Let’s Encrypt.

Before You Start

Before we begin, check with your host provider on how to install an SSL certificate as every host might be different. Some host providers can also purchase the SSL certificate on your behalf and install it. If they don't provide that service, follow the tutorial below to install an SSL certificate manually.

How to Add an SSL Certificate From Your Host

You can contact an SSL Authority to get an SSL certificate which you can then install onto your website. It will usually be in the form of code. Once you have purchased the certificate, use the code provided and install onto your website. Here's how to install the SSL Certificate:

  1. Login to your site cPanel, then go to SSL/TLS Manager (note that screenshot may vary depending on the host provider).

    2. CPanel menu

  2. Select the Certificates (CRT) option.

    3. CPanel Certificates

  3. Scroll down to upload a new certificate and paste your certificate. Or you can use the upload option to add a certificate (.crt) file instead.

    4. CPanel Certificate selection

  4. Now we need to activate the SSL certificate, so go back to the SSL/TLS Manager section.
  5. Select the option Install and Manage SSL for your site (HTTPS).

    6. CPanel Manage SSL

  6. Select your domain from the drop down menu then click the Autofill by Domain button.

    7. Install Certificates

  7. Click Install Certificate.

Change the Website URL to HTTPS

After you have the SSL certificate insalled, the next step is to change your website URL to use HTTPS instead of HTTP. Follow the steps below to change your WordPress URL to HTTPS.

  1. Login to your WordPress administrator dashboard
  2. Go to Settings > General

    3. General Settings Menu

  3. Change the URL in WordPress Address (URL) and Site Address (URL) from http to https. So, simply add an “s” to http and the result should be “https://website.com”.

    4. URL change in the general menu

  4. Save the changes

Find & Replace all URLs Using the Better Search Replace Plugin

After your WordPress site URL is done, you then need to replace all the URLs in your content database from HTTP to HTTPS. If you miss this step, it's possible you'll get SSL mixed content error on your site frontend. For example, if you have an image on a page still referencing the HTTP URL, the browser might block it in HTTPS viewing and show an SSL error in the address bar. Therefore it is critical to ensure all files are referencing the HTTPS URL.

  1. Install and activate the plugin called Better Search Replace.
  2. Go to Tools and select Better Search Replace.

    3. Better Search Menu option

  3. In the "Search for" field, enter your URL (eg. "http://website.com"), then in the "Replace with" field, enter "https://website.com" (basically just add an "s" in the http URL)
  4. Select all the tables and enable the checkbox “Run as dry run”. Then click the “Run Search/Replace button”. We want to do a dry/test run to see what the results are and to see if there are any that do not want to complete the replace.

    5. Better Search Setup

  5. It will show you the links that will be changed so this way you can see what will be changed in advance, and omit the ones that you want remaining the same.
  6. If you are comfortable with the changes then you can run it once more but this time uncheck the “Run as dry run” box.

    7. Better Search true run

  7. Once it is completed, a confirmation notification will appear and, just like that, you are finished!

This may be a slightly lengthy process for some, but it is hugely beneficial to have an SSL certificate installed on your website. Not only will you have a more professional appearance, but you can guarantee the safety of your clients and their information. Increasing their trust in your services and ensuring that you have a good track record when it comes to protecting their information is paramount in customer care and service. So why not? Go ahead and start getting SSL'd up!

We hope you've enjoyed this edition of our tutorial series. Let us know in the comments if you found it helpful or if you have a tutorial request as well. Cheers!