However, (Mixed Content) there are often a lot of errors in setting up SSL as well as setting up a website to HTTPS. One of the most common errors is “unsafe content” or “mixed content”. This is one of the annoying bugs (since I don’t know where the error is).
Sometimes just because Google reviews your website isn’t safe. As a result, they may never return to the web again.
In this tutorial, I will show you how to fix mixed content errors using a very simple (free) plugin. Stay tuned to see if there’s anything special about this tool!
What is mixed content error?
Mixed content (or unsafe content) usually occurs 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 this as suspicious activity.
And mixed content warnings to remind people that some links can be harmful.
Browsers such as Chrome and Firefox will display a warning next to HTTPS Lock (Insecure Content Warning).
At this point, everyone will see a warning prompt next to HTTPS instead of the usual security key icon.
In some cases, the browser will block scripts or pages if the content of the page is known to be harmful.
Especially when a website uses HTTPS and loads JavaScript code in HTTP.
Browsers consider this to be 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, a mixed material error is not very dangerous.
Posts and blogs will still load and the web will function almost normally.
However, if so, the operation of the web will face many obstacles.
It’s definitely not a good idea to see a warning message next to a website.
Imagine you go to a website to make a purchase and see a mixed content warning.
At this point in time, none of us really feel confident when entering payment information.
Sometimes, bugs can disrupt website design and content as well.
For example, if Chrome blocks an important JavaScript script, the theme on the website will not be displayed correctly to viewers.
or important media files such as pictures and videos that cannot be viewed.
How to check mixed content error?
Thankfully, this error is fairly easy to fix.
But first, you need to find out what is causing the error.
You can easily do this using the browser developer tools.
When using Chrome, download the web, the fastest way is to press F12.
A Control Panel and Developer Tools 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 the warning messages in the Console tab.
With this method, we will detect whether the link, script or media is still inserting HTTP links and sending them over HTTPS.
Instructions for fixing mixed content errors
If you have a content-rich website, it takes time to fix every mixed content error.
Now we have a plugin that allows WordPress to fix errors quickly.
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 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 material to fix
Once installed, go to Settings » SSL Insecure Content Fixer to enable the plugin.
Here you have the right to choose the content to be edited.
The plugin provides 5 different ways to fix errors:
- Simple: If you are a beginner, this is my recommended method. It takes 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.
- Widget: Fix all errors in the first two methods and add errors to the widget.
- Capture: Capture all links from header to footer on a page. If the errors are script related, Capture will fix them. However, this method may affect the performance of the website so please consider the execution time.
- Capture All: Fix all mixed content errors. Use only if the other four options are not successful.
If you have used the developer tools to find out the cause of 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 Functions” standard.
Click on the Save Changes button and the plugin will be activated automatically.
