However, setting up SSL as well as setting the website to HTTPS often gets a lot of errors. One of the most common errors is ” insecure content ” or ” mixed content “. This is one of the annoying bugs (because I don’t know where the error is).
Sometimes just because of it that Google reviews your website is not secure. As a result, they may never return to the web again.
In this tutorial, I’ll show you how to fix mixed content errors using a very simple (free) plugin. Stay tuned to see if this tool has anything special!
What is a mixed content error?
Mixed content (or insecure content) usually happens when you configure HTTPS on a website.
For example, when your web is set to HTTPS, images and media links are being loaded over the old HTTP.
The browser will see that as suspicious activity.
And warning mixed content to remind people some links can be harmful.
Browsers like Chrome and Firefox will display a warning next to HTTPS lock (unsafe content warning).
At this point, everyone will see a warning sign next to HTTPS instead of the normal security key icon.
In some cases, the browser will block scripts or pages if the content on the page is rated harmful.
Browsers consider it malicious content and block the download.
Sometimes, they even block a page by displaying a “scary” warning to the user.
How does this error affect the website?
In most situations, the mixed content error is not too dangerous.
Posts and blogs will still be loaded and the web will function almost normally.
However, if so, the operation of the web will face many obstacles.
Seeing a warning message next to a website is definitely not good.
Imagine you go to a website to make a purchase and see a mixed content warning.
At this time, none of us feel really confident when entering payment information.
Sometimes, bugs can also disrupt website design and content.
Or important media files such as images and videos that cannot be viewed.
How to check Mixed content error?
Thankfully, this error is quite easy to fix.
But first, you need to find out what is causing the error.
You can easily do this by using browser developer tools.
When using Chrome, download the web, the fastest way is to press F12.
A control panel and developer tool will appear (or press Ctrl + Shift + I ).
Switch to the Security tab to see all available alerts.
Here, you will see mixed content errors related to the web.
On Firefox, also press Ctrl + Shift + I to access developer tools and you’ll see all warning messages in the Console tab.
With this method, we will find out that the link, script or media are still putting HTTP links and pass them over to HTTPS.
Instructions to fix mixed content errors
If you have a content-rich website, fixing each mixed content error is time-consuming.
We now have a plugin that allows WordPress to fix errors immediately.
The plugin, called SSL Insecure Content Fixer, is specifically designed to fix mixed content errors.
This is how this plugin works.
Step 1: Install SSL Fixer Content Content Fixer
First, install the plugin on your website.
Log in to the WordPress admin dashboard and access Plugins »Add New.
Then search for ‘SSL Insecure Content Fixer’.
Click Install and then activate.
If you still do not know how to install a WordPress plugin, please refer to the article below.
» WordPress plugin installation instructions (Step by Step)
Step 2: Select the content to fix
Once installed, go to Settings »SSL Insecure Content Fixer to enable the plugin.
Here you have the right to select the content to be edited.
The plugin provides 5 different methods of fixing errors:
- Simple: If you are a beginner, this is my recommended way. It performs a simple action that helps fix the most common mixed content errors.
- Content: This option performs error correction in content and text in combination with the Simple method. Try this method if Simple doesn’t fix the error.
- Widgets: Fix all errors in the first two methods and add errors in the widget.
- Capture: Fix all links on a page from header to footer. If the errors are related to scripts, Capture will fix them. However, the method may affect website performance so please consider execution time.
- Capture All: Fix all Mixed content errors. Use only when the other four options are not successful.
If you have used developer tools to find out what is causing the problem, you can use the appropriate method to fix the error.
Step 3: Activate the Plugin
To activate, simply scroll down and select HTTPS Detection
If you use a CDN service like Cloudflare or KeyCDN, select the option related to the CDN.
If not, leave the “standard WordPress function” standard.
Click the Save Changes button and the plugin will automatically activate.