• Categories
    • Tutorials
    • Beginners Guide
    • WordPress News
    • WordPress Security
    • Best WordPress Plugins
    • WordPress Themes
    • Product Reviews
    • WP Tips & Tricks
  • Guides
    • Start a Blog
    • Make a Website
    • WordPress Hosting
  • WordPress Hosting
    • A2 Hosting
    • HostGator
    • Bluehost
    • Cloudways
  • Managed Hosting
    • WPEngine
    • Rocket.net
    • WPX
    • Kinsta
  • Coupons
    • WPEngine
    • Flywheel
    • Cloudways
    • A2 Hosting
    • WPX Hosting
WordPress Tutorials

How To Fix ‘Insecure Content’ (Mixed Content) Error In WordPress

Last Updated on: December 10, 2018 Editorial Staff Leave a Comment

How To Fix ‘Insecure Content’ (Mixed Content) Error In WordPress

Having an SSL certificate is now a must for all websites. It’s not only a great way to make your website secure from threats but also get a good SEO boost in return.

However, installing and managing the SSL certificate and configuring your website to HTTPS is a process that often involves many issues and errors. One of the common issues is the “insecure content” or “mixed content” error.

This is one of the most frustrating issues that you’ll encounter because it makes visitors believe that your website hosts malicious or harmful content by showing them a warning that pretty much scares them away. As a result, they may never visit your website again.

To prevent this error from affecting your business and traffic, it’s extremely important that you fix the error as soon as you discovered it. In this guide, we’ll show you how to fix the mixed content error using a simple free plugin. Keep reading to see how it works.

What Is Mixed Content Error?

The mixed content (or insecure content) error commonly occur when there’s an issue with your website’s HTTPS configuration.

For example, when you have your website configured for HTTPS but your images and other media links loads over the old HTTP, browsers see it as suspicious and unsafe activity and gives a mixed content warning to remind people that some links on the site could be harmful.

mixed-content-error-example

When the error occurs, browsers like Chrome and Firefox will show a warning message next to the HTTPS lock stating that the site hosts insecure content. Except they will see a warning sign next to HTTPS instead of the secured lock symbol.

mixed-content-error-example-2

In some situations, the browser will go as far as to block scripts or a page if it assumes the insecure content can be harmful to users. Especially when a website use HTTPS and loads code such as JavaScript in HTTP, browsers see it as malicious content and blocks the scripts from loading. Sometimes, it will even block a page by showing a scary warning page to users.

How It Can Break Your Website

In most situations, the mixed content error won’t do much harm to your website. Your blog posts and pages will continue to load and the website will function as normal. However, keeping your website in this condition could break your website and your business.

Seeing a warning message next to a website is definitely a red flag. Imagine going to a website to buy something and seeing a mixed content warning. Would you feel safe sharing your credit card information with such a website? Of course not!

Sometimes, the error can also mess with your website design and content. For example, if Chrome blocks an important JavaScript script from loading, your website theme won’t be displayed correctly to your website visitors. Or important media such as images and video won’t be shown to users.

How To Check For Mixed Content Errors

Thankfully, the error can be easily fixed. But first, you need to figure out which content causes the error. You can do this using the browser developer tools.

fix-mixed-content-error-browser-console

When using Chrome, load the website, then Right Click and select Inspect Element to open the developer tools console (or press Control + Shift + I). Switch over to the Security tab to see all the warning messages. Here you’ll see all the mixed content errors related to the website.

On Firefox, press Control + Shift I to access developer tools and you can see all warning messages in the Console tab.

With this method, you can figure out what kind of links, scripts, or media are loaded over HTTP and fix the links to load them properly over HTTPS.

How To Fix Insecure Content Error

ssl-insecure-fix-plugin

If you have an old-school HTML website, you would have to go through a lot of work to manually fix each and every mixed content error. Luckily, there’s a plugin that let WordPress fix the errors instantly.

Aptly named SSL Insecure Content Fixer plugin is made specifically for fixing mixed content errors. Here’s how it works.

Step 1: Install SSL Insecure Content Fixer

fix-mixed-content-error-1

Get started by first installing the plugin on your website.

Login to your WordPress admin dashboard and go to Plugins >> Add New. Then search for the SSL Insecure Content Fixer plugin.

Now click Install and then Activate.

Step 2: Select Which Content To Fix

fix-mixed-content-error-2

Once installed, go to Settings >> SSL Insecure Content Fixer plugin tab to enable the plugin. Here you can also choose which content needs fixing.

The plugin offers 5 different configurations for fixing errors:

  1. Simple: If you’re a complete beginner, this method is recommended to try before everything else. It performs a simple run that fixes the most common mixed content errors.
  2. Content: This option does content and text widget fixing in addition to everything the Simple option does. Try this option if the first option doesn’t fix the errors.
  3. Widgets: This option fixes all the errors in the above options and also make sure that errors related to WordPress widgets are fixed as well.
  4. Capture: This option will fix all links on a page from header to footer. If the errors are related to scripts, this option will fix it. However, it may affect website performance so do it during off-peak times.
  5. Capture All: This option fixes everything. Only use it if all the other options fail.

Now, if you’ve used the browser developer tools to figure out what’s causing the issue, you can use the appropriate configuration to fix the errors.

Step 3: Activate The Plugin

fix-mixed-content-error-3

To activate, simply select an option and scroll all the way down to select an HTTPS Detection option.

If you’re using a CDN service like CloudFlare or KeyCDN, select the option related to the CDN. Otherwise, leave it at the default “standard WordPress function”.

Click on the Save Changes button and the plugin will do its magic.

Conclusion

The insecure content error is most common among users who manually setup SSL certificates, especially when you use third-party plugins to set it up.

One of the best ways to avoid this type of issues is to choose a reputable managed WordPress hosting platform to host your website. These platforms provide you with free SSL certificates properly configured for WordPress websites that also auto-renews so that you don’t have to worry about dealing with any errors.

+ Share
Disclosure

Editorial Staff

Related Posts

Back to all articles
  • How to Move From WordPress.com to WordPress (Full Migration)

    How to Move From WordPress.com to WordPress (Full Migration)

  • 10 Ways to Regain Access Once You're Locked Out of wp-admin

    10 Ways to Regain Access Once You’re Locked Out of wp-admin

  • How to Migrate Blogger to WordPress: The Easiest Method in 2023

Coupons

View more deals
  • WP Activity Log Coupon
    20% OFF

    WP Activity Log Coupon

    Website security encompasses a whole host of elements, tasks, and
    Get This Deal
  • Recipe Card Blocks Coupon
    15% OFF

    Recipe Card Blocks Coupon

    Running a cooking or food website can be fun (and tasty) – but
    Get This Deal
  • WP 2FA Coupon
    20% OFF

    WP 2FA Coupon

    Security should be at the forefront of all site owner’s min
    Get This Deal

Leave a Reply Cancel reply

Full Disclosure This post may contain affiliate links, meaning that if you click on one of the links and purchase an item, we may receive a commission (at no additional cost to you). All opinions are our own and we do not accept payments for positive reviews.

Our Newsletter

Get awesome content delivered straight to your inbox.

Thank you!

You have successfully joined our subscriber list.

.

THE BEST OF WPKUBE

Some of the best content we have published so far.

BEGINNER GUIDES & REVIEWS

110 Best WordPress Hosting Options for 2023 (Pros & Cons)
28 Best Managed WordPress Hosting Providers for 2023 Compared
38 Best Cheap WordPress Hosting Providers in 2023 (From $1.99)
46 Best WordPress LMS Plugins – Detailed Comparison & Review for 2023
55 Best WooCommerce Hosting Providers Compared in 2023 (All Budgets)
6Top 9 Landing Page Plugins for WordPress (2023)
79 Best List Building Plugins for WordPress In 2023
8How to Fix the 500 Internal Server Error on Your WordPress Website
9Thrive Themes Review: A Look At The Full Membership
10Beaver Builder Review: Is it The Best Page Builder Plugin for WordPress (2023)?
11OptimizePress Review: Create Landing Pages with Ease
12How to Make a Website: Complete Beginner’s Guide
13Top 22 Best Free Stock Photo Resources For Your Site
1417 of the Best Google Fonts for 2023 (And How to Use Them in WordPress)
15How to Start a Blog in 2022 (Step by Step Guide)
16How To Fix ‘503 Service Unavailable’ WordPress Error
1711 Best Contact Form Plugins for WordPress in 2023
18How to Add a Custom Logo to Your WordPress Site
19How to Fix Error Establishing a Database Connection in WordPress

WPEngine: 50% OFF Deal

Save 50% on one of the best managed hosting providers.

Get this Deal

Flywheel(our review)

Featured In Forbes Huffpost Entrepreneur SEJ

About WPKube

WPKube is an online WordPress resource which focuses on WordPress tutorials, How-to’s, guides, plugins, news, and more. We aim to provide the most comprehensive beginner’s guides to anything about WordPress — from installing plugins, themes, automated installs and setups, to creating and setting up pages for your website.

We have over 500+ tutorials, guides, product reviews, tips, and tricks about WordPress. Founded by Devesh Sharma, the main goal of this site is to provide useful information on anything and everything WordPress.

Twitter Facebook

Useful Links

  • Behind the Scenes
  • Beginner Guides
  • WordPress Hosting
  • WooCommerce Themes
  • MeridianThemes
  • Exclusive WordPress Deals
View All Guides »

Reviews

  • WPEngine 33% OFF
  • Thrive Leads
  • Flywheel 33% OFF
  • Divi Theme 20% OFF
  • Thrive Architect
  • Elegant Themes
Reviews »

Deals

  • InMotion Hosting
  • LifterLMS Coupon
  • LiquidWeb Coupon
  • WPEngine Coupon
  • A2 Hosting
  • FloThemes
More Deals »
© Copyright 2023 WPKube ® All Rights Reserved.
  • Contact
  • Site Terms
  • Disclosure
  • Privacy Policy