How to Fix Mixed Content Errors on WordPress

Do you see Mixed content error in WordPress? Fortunately, fixing this error only takes a few minutes. So join us in this tutorial to review how to fix mixed content errors in WordPress.

One of the most common WordPress errors is the Mixed content error in WordPress. The main cause of this error is incorrect SSL certificate settings (or HTTPs). So, to fix this error we have to go to the same settings. In this sweater video tutorial, we will solve this error step by step.

Mixed content error in WordPress usually does not affect website performance! But unfortunately, SEO and work experience are not well before. So, it is better to take a few minutes and fix this error with the steps that we will see below.

Why do I get Mixed content error in WordPress?

As mentioned, the root of this error (also called Mixed content error) is in the wrong HTTPS / SSL settings. So, we come to an important conclusion: "Mixed content error in WordPress happens when SSL certificate is enabled". In fact, this error does not occur on sites that are still HTTP.

But what happens when this error occurs? Sometimes, even when we enable the SSL certificate, some of the site content is still transmitted over the same HTTP protocol! This content can be an image, video, CSS or JavaScript files, and so on. When this happens, we say a mixed content error, or a mixed content error has occurred.

Now you may ask, why do we need to enable SSL certificate at all? In answer to this question, we will avoid the SSL certificate and get acquainted with the HTTPs protocol in simple language.

Why do I need to enable SSL certificate for my site?

If you have a site for which you have not yet activated the SSL certificate, you have the water right now. Why?

When you enable the SSL certificate for the site, from now on you will see the word HTTPs instead of HTTP at the beginning of the site domain. HTTPs are a security protocol that determines the type of data transmission. When your site protocol is HTTP, the information exchanged with this site is not very secure; So even non-professional hackers can steal this information in the way of transmission! But when you change the site protocol to HTPPs, the sheet returns, Because the HTPPs protocol encrypts data in a higher and more powerful way. So it becomes much harder for hackers to steal information.

Exactly because of the power of the HTTPs protocol, the Chrome browser (and even the Google search engine) calls all non-HTTP-only sites "insecure"! So, especially if you are going to receive user information on your site and have financial transfers, SSL certification is a must for your business.

It is also good to know that when you enable the SSL certificate, a lock icon will appear to the left of your site URL:

How do I enable SSL certificate?

Of course, the subject of our discussion in this tutorial is not activating the SSL certificate. But in general, we should mention that you have two ways to activate this certificate:

Use a host that enables this feature for you automatically (some companies offer these services).
Use a plugin like Really Simple SSL.

If you need more help, you can use the SSL Activation Tutorial (for free) on Jacket Blog to enable HTTPs for your site today.

Note: The Really Simple SSL plugin can be found in the WordPress plugin repository for free. With the same free version, you can activate the SSL certificate for your site. But this plugin also has a Pro version that gives you more features; Like:

Enable HSTS (a security header that prevents the website from opening with HTTP at all)
Site Configuration to Enable HSTS Preload List (Add Site to HSTS Preload Browser List)
Enable more advanced security headers
Notification of the expiration date of the SSL certificate
Fixed Mixed content error (Yes; this plugin can also help to fix Mixed content error in WordPress. We will introduce another plugin for this in the following. So, you can use either of these two plugins to fix Use this error).

It should be noted that the original and standard version of the Really Simple SSL Pro plugin can be obtained from the jacket.

How do I know if a mixed content error has occurred on my site?

If you have enabled the SSL certificate, the lock icon (discussed above), the broken lock icon, or the Information icon may appear instead:

This icon tells us that your SSL certificate is missing a job. To be more precise, this icon means that some parts of your site are still transmitted via HTTP protocol! This is exactly the Mixed content error in WordPress.

How do I know which part of the site is still HTTP?

To fix the Mixed content error in WordPress, you do not need to know exactly which part of the site has a problem; Because we use a plugin and this plugin itself scans the whole site and solves problems. But if you want, you can also solve this problem manually. To do this, you need to know exactly which parts are experiencing this error.

You can use the "Inspect" tool to find out exactly which sections of the site do not yet have the HTTPs protocol. Inspect is one of the tools of browsers that is very easy to work with.

To use this tool, log in to your site, right-click on the page and select "Inspect". This tool is available in almost all browsers; But it is better to use Chrome browser for this.

This will open a window showing your site code. Now if you look closely, you will see an error message appear in the "Console" tab in some places:

These sections are exactly the sections that have the Mixed content error. You can then manually fix the mixed content error by modifying a post, page, one of the site templates files, and… (depending on where this error is displayed).

Why is it better not to use this manual method to fix Mixed content error in WordPress?

Normally it is better not to fix the Mixed content error manually. Why? because of two reasons; First, it's naturally a bit difficult. But there is a more important reason.

Some of the site content is dynamic and constantly changing. On the other hand, we are constantly adding new content to the site. Now the point is that every time the content of the site changes or every time we add new content to the site, the content may be problematic! So we have to check the codes from time to time with the Inspect tool and solve the problems. However, we can solve the mix error problem just by installing a plugin forever. Because these plugins are constantly monitoring the site and automatically modify the mixed content themselves.

Therefore, we suggest that you use the following method to make your work easier and your mind more comfortable.

Fixed Mixed content error in WordPress with a plugin

Yes, here is a plugin! The easiest way to fix Mixed content error in WordPress is to install the "SSL Insecure Content Fixer" plugin. First of all, install and activate this plugin in your WordPress. You can find SSL Insecure Content Fixer plugin in your WordPress plugins repository.

When you install and activate this plugin, in the "Settings" option of the main WordPress menu, an option called "SSL Insecure Content Fixer" is added.

Click this option to go to the plugin settings page. The first thing you see on this page are the following options:

Simple
Content
Widgets
Capture
Capture all

But what are these options? Each of these options determines the level at which the Mixed content error is resolved. Which option should we choose? Let's learn more about these options.

Important Note: When you select a new option in this section, you must select the "Save Changes" option at the bottom of the page to apply this new method to the site. In fact, by selecting any of these options and saving the changes, the Mixed content debugging steps in WordPress will start automatically.

Simple.1:

This option is the fastest way to fix Mixed content in WordPress. By selecting this option, scripts, CSS code and all media in the library will be automatically scanned and the problems will be solved. So, we recommend that you choose this option first of all.

Content.2:

If the Simple option fails to resolve the issue, select the Content option. This option does all the simple work, in addition to scanning for content issues and text widgets.

Widgets.3:

One level higher, we have Widgets. This option does all the Content work, in addition to modifying the resources of all the upload widgets.

4. Capture:

This option scans everything on the site (from header to footer) and corrects all site URLs. But note that this option is slower than the previous options and will most likely negatively affect the performance of your site. Select this option only if the previous options did not work.

5. Capture All:

If none of the previous options work, go to Capture All. This option monitors everything without exception to solve the problem. But the problem is that it has the most negative impact on site performance. So do not use this option until you have to.

Now that you are familiar with the use of these options, you already know that you have to start from the first option. Next, if that method did not resolve the issue, enable the next option. Because each of these options is actually a stronger level than the previous one (and of course, by choosing stronger options, it takes longer to modify the site and their negative effects on the site are greater).

Note: When selecting one of these options, it is best to clear the WordPress cache once before checking to see if the issue is resolved. To do this, you can use WordPress cache cleaning plugins, such as Fastest Cache plugin.

Companies supporting and Partners: