How to install SSL certificate into your WordPress website's domain and subdomains?

Most of the SSL companies nowadays offer a one click installation of their SSL certificates. However, besides of this easy installation process, there are still content mixed up when viewing the secure website online. More complicated if you are using a CMS. Here we focus more on how to setup  SSL certificate in your Wordpress CMS website. 

Here are some issues that may come up if you did not setup your SSL properly into your website:
 
1. It will not display the padlock, instead it will display the exclamation point !

 

A properly setup SSL should display the security padlock and it should look like this:

2. The website content will not display properly, some missing content and links might also happen.

Here are some of the pointers that you need to consider in installing SSL certificate into your WordPress website's domain and subdomains.

1. Make sure you installed properly the SSL certificate into your domain name. For instructions on how to do this, please refer to your SSL provider.

Note: Do not use wildcard ssl and remove wildcard subdomain
-Wildcard subdomain will look like this [*.yourdomain.com]
-Do not also setup your SSL certificate on this subdomain format[*.yourdomain.com]
-Wildcards will create conflict to website content and the SSL.

2. Go to Settings > General and make sure the following fields are using the normal URLS:

3. Click on Plugins > Add New. Then install the plugin called "WordPress HTTPS (SSL)"

4. After you installed it click on HTTPS at the left hand side. Check the following:
-SSL Host: this should be the exact domain/subdomain that you had installed into your SSL certificate.
-Domain Mapping: you can redirect a domain name here from your normal site to your https site. Example: http://www.domain.com TO https://www.domain.com

5. Preview the website now and notice that the homepage is still showing the normal site. Go to that page and make sure to check the following boxes below and save it. The other pages should display the https site, you don't need to check them.

6.Wait for 2-3 minutes and check the website again, and you're done. :)