The mixed Content issue is a common problem in which the website data (HTML, CSS, and scripts) are loaded on both HTTP and HTTPS connections. This opens up a security loophole that also affects the user experience of the website.
Initially, the data is loaded over an HTTPS connection. However, subsequently, a portion of data is loaded over the HTTP connection. For WordPress websites, a common cause of the issue is the presence of hardcoded insecure URLs in the databases and files.
Before following the process to fix the Mixed Content issue, it is highly recommended to take a backup of the application’s data. Follow this KB for backing up the server and the application.
How To Fix Mixed Content Issue For WordPress
Step 1: Log in to Your WordPress Admin Panel
Browser to your WordPress website Admin Panel and enter your admin credentials to log in.
Step 2: Fix the Mixed Content Issue Install Really Simple SSL Plugin
There are several ways of fixing the Mixed Content issue. Popular choices include manual fixing of the URL and through a plugin.
In this article, I have opted for the latter and will install the Really Simple SSL plugin.
Go to the right side admin menu and click Plugins. Next, click Add New.
Search for the Really Simple SSL plugin.
Finally, install and activate the plugin.
Once the plugin is activated, it will automatically fix the Mix content issues for all the URLs on the website.
Step 3: Verify That The Issue Has Been Fixed
Now that the plugin has resolved the Mixed Content issue, it is easy to verify that your WordPress website no longer faces this issue.
For this, use an online tool: Why No Padlock. This tool will check your website and inform you about the success of the process.
Visit the website and enter the URL of your website. Click the Test Page button to start the process. You will see the following success message: