How to Fix the Mixed Content Error in WordPress (Step by Step)
If you face the mixed content error in WordPress then you can follow some steps given in below to solve the error. The mixed content error is the error in WordPress which is caused by incorrect HTTPs/SSL settings. Normally it doesn’t affect your website’s functionality, but it can have adverse effects on your website’s SEO and user experience. In this article, we will show you how to fix the mixed content error in WordPress.
What is Mixed content Error in WordPress?
It is highly recommended to add HTTPS / SSL in WordPress because after July 2018 Google Chrome will mark all http versions of website for its insecurities.
SSL adds a security layer which is additional around data transferred from your website to the browsers of user’s. Search engines like Google recommend using SSL on your website as well.
All best WordPress hosting companies are now offering free SSL as part of their packages. If your hosting company doesn’t offer that, then you can get free SSL through Let’s Encrypt for your WordPress site.
If you have correctly implemented SSL on your website, then you will see a padlock icon which is green next to your website’s URL in the browser address bar.
On the other hand, if your HTTPs/SSL settings are not properly
This indicates that while your website is using a SSL certificate, some content on your website is still served from non HTTPS urls.
Now you can find out which content is served through insecure protocol by using the Inspect tool. The mixed content error is the error which will be displayed as a warning in the console with details for each mixed content item.
When it is just a item which is single that you can manually fix, then you can go ahead and fix it by editing the post, page, or theme file where it appears.
Most of the cases, these items are added dynamically by WordPress or stored in your database. In that case, it will be hard to detect all of them and fix them manually.
Let’s take a look at how to easily fix the mixed content error in WordPress.
Fixing Mixed Content Error in WordPress
At first thing you need to do is install and activate the SSL Insecure Content Fixer plugin. For more details, see our step by step guide on how to install a WordPress plugin.
After activation, you need to visit Settings » SSL Insecure Content page to configure the plugin settings.
This is the plugin which provides different levels of fixes to the mixed content error. We will explain each one of them, what they do, and which one is best for you.
It is the fastest and recommended method for all beginner users. It automatically fixes the mixed content error in WordPress for scripts, stylesheets, and WordPress media library images.
If the simple method doesn’t fix the mixed content error on your website, then you should try this method. It will use all the features of simple, in addition to checks for fixes inside WordPress content and text widgets.
This includes all fixes applied in content level plus an additional fix to resources loaded in all WordPress widgets on your website.
This method captures everything on every page of your website from header to footer and replaces all URLs with HTTPs. It is slower and would affect performance of your website.
5. Capture All
When all above levels fail, then you can try this method. It attempts to fix everything which may result in some unexpected behavior on your website. It will also have the most negative impact on performance.
After selecting a content fix level, you need to scroll down to the HTTPS detection section. This is where you can choose how to detect the HTTPs content on your website.
The default option is to use a WordPress function, which would work for most website.
Now you will find particularly useful options if you’re using Cloudflare CDN ,
Remember that to click on the save changes button to store your settings.
You can now visit your website to see if this resolved the insecure content issues on your website. Make sure to clear your WordPress cache before checking your website.
When the mixed content error in WordPress is not fixed, then revisit the plugin’s settings page and readjust the fix levels.
We hope this article will help you learn how to fix the mixed content error in WordPress.
Preview may take a few seconds to load.
Below you will find some common used markdown syntax. For a deeper dive in Markdown check out this Cheat Sheet
Bold & Italic
Bold **double asterisks**
Three back ticks and then enter your code blocks here.
# This is a Heading 1
## This is a Heading 2
### This is a Heading 3
> type a greater than sign and start typing your quote.
You can add links by adding text inside of  and the link inside of (), like so:
To add a numbered list you can simply start with a number and a ., like so:
1. The first item in my list
For an unordered list, you can add a dash -, like so:
- The start of my list
You can add images by selecting the image icon, which will upload and add an image to the editor, or you can manually add the image by adding an exclamation !, followed by the alt text inside of , and the image URL inside of (), like so:
To add a divider you can add three dashes or three asterisks:
--- or ***