Last Updated on 27th August 2020 by Ajmer Singh
Hello friends, in this article I am going to discuss some common problems of mixed content and the solutions to resolve this error.
The warning message which is shown as “The site you are using is not secure” throws a wrong impression on the visitors who sees on your website. Due to this, the traffic on your website starts to decrease and people visit less on it. The reason behind it is mixed content.
Because you know this (Your Connection To This Site Is Not Fully Secure) is not good for your visitors and it gives a bad impression.
How to Fix Mixed Content Error In WordPress
What is mixed content?
Mixed content occurs when your website initially loaded over a secured https connection, but some sources (like images, scripts etc) are loaded over an insecure HTTP connection.
The mixed content is simply the content that happens when your website was loaded in the starting on the secured https connection and some other sources are loaded later on the HTTP connection which is insecure
Mixed contents basically appear because both HTTP and https sources loaded over the same page. You can’t load both as they are completely different protocols.
When you switch to https, everything needs to be running over https.
Here, the HTTP means HyperText Transfer Protocol and https means HyperText Transfer Protocol Secure. The protocol basically means the set of instructions or rules and regulations. Read full details at How to Change HTTP to HTTPS on your Website
Okay, so don’t panic. The problem is common and the solution is very simple but sometimes time taking.
First of all, check the mixed contents :
Where to check mixed contents?
To check on the mixed contents on your website, you need to first right click and then you need to click on the inspect. A page will soon open on the right side of the page only.
When the page appears, click on the console from where you can easily check in the mixed content on your website by simply clicking on them. If they are present, then you can remove them also.
You can also click on the view source after clicking on the right side of your mouse on the website and there will appear the codes of HTML. On the insecure link, you need to search by pressing on either ctrl F or cmd F which you have got to see on the steps earlier you had to follow.
If you do not find the link on the source then it must be saved in the file which has extension as .css or .js which might be the result of the plugin getting generated.
How to fix the mixed content error in WordPress?
By using a plugin – Install and activate SSL Insecure Content Fixer plugin. After activation, you need to visit the settings page. There you will see 5 options.
Simple, Content, Widgets, Capture and Capture all. Use one by one from simple to capture all and check whether your error solved or not.
If the plugin doesn’t work accordingly, don’t worry you can also configure it manually.
Manually – Upload your images and script codes again. (Like the featured images and the code you place between heads).
Because they loaded over your previous HTTP connection and now needed to be reloaded over your new secure https connection.
The error still appears even after fixing the mixed content manually?
Even after that, you have fixed the mixed content manually, still, you get the warning then you need to console them. And for this you need to make your site open in Google Chrome and then right-click on your mouse, then there will be a drop-down appearing on your website and an option Inspect will appear.
You need to click on this option and the part where your browser is running will get automatically changed into the development screen. Then click on the Console option and then you will see all the mixed content warnings and the content that you have posted must also be served on the HTTPS connection.
It is important to keep in mind that if your mixed content is still showing warning then it will flash the “Mixed Content” before your website other than this warning can be ignored on purpose.
And then you can find some links in the character in the red or yellow colour. And you need to finally fix them and it all depends on the theme and the plugin you are using.
In some situations, the HTML will fix the mixed content error in the Really Simple SSL so it can be concluded that the issue tends to happen in the resources only.
There is also a term in the mixed content error known as caching in which the mixed content still appears because of the absence of the secure lock on your website and to resolve this, you need to clear the cache from your website.
In case your website is using the Elementor or Divi then to make your website more secure, you might need to go through some more extra procedures.
The console feature from the development side is an advanced search feature that helps in determining the origin of the mixed content. If you are using the mac, then you need to just press the Option, Command, F keys to activate this development console feature and for the Windows user, Press on the Ctrl, Shift F keys.
After that, a search box will appear in the centre of your screen where you have to copy the URL of the image which you might have found the reason for causing the mixed content.
Then after clicking on entering you will get more information about the location of that image in the extension of either .cc or .js. There are some mixed contents which cannot be searched through the development console search feature, then there is only one option left; you have to do it manually.
And for that, you need to click on the right side of your mouse and then on the view source option. And after that, you can see that the HTML code and then you can find the error.
Hope this works and if you guys know about any other solution then comment below, I will add it in my article and mention your name.
People also search for :
Ajmer Singh is the Founder & Author of Findmytricks. He is a passionate blogger and with the help of his articles, you can learn WordPress & Blogging in a simple way.
CONTACT: [email protected]
1. “Be yourself. Everyone else is already taken.”
2. “First, learn the rules, then break them”