Do you see the mixed content error on WordPress? How to fix the mixed content error on WordPress?

Mixed content error on WordPress is caused by incorrect HTTP / SSL settings. Often times this doesn't affect the functionality of your website, but it can take a toll on your website's SEO and user experience.

In this tutorial, we are going to show you how to fix the mixed content error on WordPress.

But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

What is the mixed content error in WordPress?

It is strongly recommended to add SSL on WordPress because as of July 2018 Google Chrome will report that not all http versions of websites are secure.

SSL adds an extra layer of security around data transferred from your website to users' browsers. The search engine also recommend using an SSL certificate on your website.

All the best companiesWeb hosting WordPress offer SSL for free in their different packages. If your web host doesn't offer this, then you can get free SSL via Let's Encrypt for your WordPress website.

If you have successfully implemented SSL on your website, a green padlock icon will appear next to your website URL in the browser's address bar.

On the other hand, if your HTTP / SSL settings are not configured correctly then you will see an info sign or icon with broken padlock in the address bar.

This indicates that even though your website uses an SSL certificate, some content on your website is still served from non-HTTPS URLs.

You can find out what content is being delivered over an unsecured protocol using the tool Inspect offered by browsers. The mixed content error will display as a warning in the console with details for each item of the mixed content.

If this is only one item that you can manually correct, you can correct it by editing the post, or the WordPress theme page where it appears. 

However, in most cases, these items are added dynamically by WordPress or stored on your database. In this case, it will be difficult to detect them all and correct them manually.

That being said, let's take a look at how to easily fix the mixed content error on WordPress.

Fixed mixed content error in WordPress

The first thing to do is to install and activate the plugin Insecure SSL Content Fixer. For more details, see our step-by-step guide on how to install a WordPress plugin.

After activating the plugin, you need to visit the page Settings »SSL Insecure Content to configure its settings.

This plugin provides different levels of mixed content error fixes. We'll explain each of them, what they do, and which one is best for you.

Discover these some tips for securing your WordPress blog

1. Simple

This is the fastest method and recommended for all newbie users. It automatically fixes mixed content error on scripts, stylesheets and images in media library.

2. contents

If the simple method does not fix the mixed content error on your website, then you should try this method. It will use all the features of the “simple” method, in addition to checking for fixes in WordPress content and text widgets.

Discover How to get a free SSL certificate (and why Google forces you)

3. Widgets

This includes all fixes applied at the content level, as well as an additional fix to the resources loaded in all the WordPress widgets on your website.

4. Capture

This method captures everything on every page of your website from header to footer and replaces any URLs that use the HTTP protocol. It is slower and will affect the performance of your website. 

Your images do not display with SSL? Here's the solution

5. Capture all

When all of the above levels fail, you can try this method. It tries to fix anything that can cause unexpected behavior on your website. It will also have the most negative impact on performance.

Discover this Comparing 5 SSL certificate providers

After selecting a content correction level, you need to scroll down to the HTTPS detection section.

This is where you can choose how to detect HTTP content on your website.

The default option is to use a WordPress feature, which would work for most websites.

Other options above that are particularly useful if you are using the Cloudflare CDN, nginx web server and more. Go ahead and select the method you plan to apply to your website based on your particular configuration.

See also How to replace image links after installing SSL on WordPress

Don't forget to click on the button Save Changes to save your settings.

You can now visit your website to see if this has solved the unsecured content issues on your website. Make sure to clear your WordPress cache before visiting your website.

If the mixed content error on WordPress is not fixed, revisit the plugin's settings page and readjust the settings levels.

Go further by finding out if you must use SSL for your WooCommerce online store

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. ARPrice

ARPrice is the WordPress Plugin the most flexible and the most complete in the creation of price grids. It comes with over 300 pricing grid templates and provides all the tools you need to create unique and responsive pricing grids and comparison tables. 

It’s a WordPress Plugin beautiful, intuitive, and one of a kind, with its impressive visual editor, featuring a real-time preview of customizations. Choose a template, then with simple clicks, drag and drop tools to customize your pricing grid, down to the smallest detail.

You'll be able to add an unlimited number of columns, change colors, fonts, icons, and add your own images and ribbons (to announce a discount, for example.

Download | Demo | Web hosting

2. Slaido 

Slaido is a WordPress Plugin premium which allows you to choose from nearly 320 responsive slider models and import one of them into your website in just a few clicks.

It's a complete pack of templates, perfect for slider Revolution. So you will first have to install the latter to fully use this WordPress plugin

Its main features are: a responsive layout of its sliders, the ease of importing or exporting sliders, regular updates, customer support available 24/7, smooth and very cool animation, availability of video tutorials for a quick start, support for Google Fonts, and many more.

Download | Demo | Web hosting

3. Portfolio X

Portfolio X is a unique WordPress plugin designed to help you integrate a portfolio or a beautiful gallery on your website. 

It offers natively widgets dedicated to portfolios and Showcases. Its pagination and the page dedicated to the details of your projects will bring a better user-friendliness and an improvement of your SEO.

Its main features are: 16 unique models, several Portfolio widgets available, pdedicated to the details of projects,navigation and filtering options available through the portfolios, aa shortcodes builder, an eexcellent customer support,free and regular updates, etc ...

Download | Demo | Web hosting

Recommended Resources

Find out about other recommended resources to help you build and manage your website.

• How to customize the theme Twenty Seventeen
• How to create a private store with WooCommerce
• How to make columns on WordPress without plugins
• How to fix connectivity error on WordPress

Conclusion

Here ! That's it for this tutorial. We hope you find it helpful to fix the mixed content issue on WordPress. Do not hesitate to share with your friends on your favorite social networks. 

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

If you have suggestions or remarks, leave them in our section Comments.

...