This post is intended to help WordPress users resolve mixed content SSL issues on their websites using Let’s Encrypt and the plugin Really Simple SSL. in some cases a mixed content error has resulted in the in the following error being displayed to website users:
Your connection to YourWebsite is encrypted with 256-bit encryption. However, this page includes other resources which are not secure. These resources can be viewed by others while in transit, and can be modified by an attacker to change the behaviour of the page.
What is Mixed Content?
Your web page is rendered in a browser using two protocols, HTTP and HTTPS. When you have a mixed content error, some content on the page is loaded with HTTP, while other content is loaded with HTTPS. Content resolving as HTTP could be images, videos, and script elements. This content resolves as HTTP as it was uploaded to the site before and SSL was installed on the website/domain.
How do you fix the WordPress mixed content error?
Before you begin, please ensure that you have a backup of your WordPress website and database. If you are a Dynamic Hosting client, you have nightly backups.
To resolve the mixed content error, all content should load using HTTPS. You will need an active SSL installed, and access to your WordPress website and your web hosting File Manager. In this guide, we will be using the Free Let’s Encrypt SSL Certificate which is included with all of our WordPress Plans.
Step 1: Login to Plesk or Cpanel and Navigate to “SSL Certificates”.
Step 2: Select the option to “Redirect from HTTP to HTTPS”.
Step 3: Login to your WordPress website and add the install and Activate Really Simple SSL.
Step 4: Select the option “Go Ahead, activate SSL”.
You are done!
Since your website may be cached, it could take up between 24-48 hours for you to see the changes. You can speed this up by either clearing your browser cache, or viewing your website using a Private or Incognito window.
If you are still seeing the mixed content issues, these resources may be able to assist you further:
- Preventing Mixed Content by Jo-el van Bergen: https://developers.google.com/…
- How to fix a website with blocked mixed content: https://developer.mozilla.org/…
- WordPress SSL Settings & Mixed Content: https://managewp.com/…
If after reviewing the above resources you are unable to resolve the mixed content issues on your site we recommend the following web design partners and also offer a Website Tune up package where we can resolve this problem for you.