How to Fix “Mixed Content” in WordPress
Last modified: April 24, 2020
If you’re seeing the mixed content error in your WordPress site you might be worried. This is caused when there are incorrect HTTPs/SSL settings. Normally, there is little impact on your website’s functionality. However, your site’s SEO and user experience is often adversely affected.
Often the problem is caused when your site’s security (SSL) hasn’t been properly configured.
Fixing this error however is easily done.
Step One: Is Your Website Secure?
To check to see if you’ve correctly configured your website go to your site. In the address bar you should see a green padlock. If you don’t, then you’ve not correctly secured your site. If you have a broken padlock, it suggests that some of the content on the website is served from non HTTPs URLs.
Step Two: Identify Which Content Is Not Secure
The next step is to discover which content is not secure. To do this, use the Inspect tool. The mixed content error will be displayed on all content items that are insecure. You have the details including the URL at which they’re being served as.
If it is a single item, then you can go and manually fix it by editing the post/page/theme file where it appears.
However, the majority of the time, you will find that the item is stored in your database or added dynamically by WordPress.
Step Three: Fix The Error
Now you need to fix those errors. The first thing you need to do is to install the SSL Insecure Content Fixer plugin.
Activate the plugin and visit the settings and then SSL insecure content page to configure the settings.
There are several options for you to choose from. Simple is the best for those with limited knowledge and experience. It will automatically fix mixed content for scripts, stylesheets and media images.
The next level is the content level. This is where it does everything in simple, but also fixes problems inside content and text widgets. The next level adds another level that fixes any resources loaded in any WordPress widget. This is recommended if you utilize a lot of widgets on your website.
There are also two other forms. One is capture and one is capture all. These will solve all problems on your site, but it comes at a great cost to your performance. Therefore, you can sometimes have a site that performs worse on Google.
Step Four: HTTPS Detection
After you’ve selected the content level, you need to choose how to detect the HTTPs content on your website. The default option is to use a WordPress function. This is often the best option and works for most sites. However, if you’re using Cloudflare CDN, nginx or others, you can sometimes need to use one of the other methods.
After you’ve selected the HTTPs detection method, save settings and you can check your site. It should now show the green padlock.
Final Word: Improve Your Site’s Search Potential
This is an error that when fixed can offer your brand a lot of benefits. For one, you can gain a lot of traffic and improve rankings on search engines. Plus you can gain a better reputation with audiences and visitors.
A Savvy WordPress developer, years of experience developing for web (PHP, JS, jQuery, Vue, MySQL, etc.), SEO specialist, and more…