◆Error Codes Wiki

Browser Mixed Content Error — HTTP on HTTPS Page Fix

Warningbrowser general

Overview

Fix Mixed Content errors when an HTTPS page loads HTTP resources. Browsers block insecure content.

Key Details

  • Error: Mixed Content blocked
  • Browser: All browsers
  • Category: Security Error
  • HTTPS page loading HTTP (insecure) resources

Common Causes

  • Images or scripts loaded via HTTP on HTTPS page
  • Hardcoded HTTP URLs in page source
  • Third-party widget using HTTP
  • CDN not configured for HTTPS

Steps

  1. 1Change all resource URLs from http:// to https://
  2. 2Use protocol-relative URLs: //example.com/script.js
  3. 3Add Content-Security-Policy upgrade-insecure-requests header
  4. 4Fix hardcoded URLs in database (WordPress: Search-Replace)
  5. 5Ensure CDN serves over HTTPS

Tags

browserbrowser-generalbrowser mixed contentwebfix

More in Browser General

browser-cors-errorBrowser CORS Error — Access-Control-Allow-Origin Fix
Critical
browser-javascript-errorBrowser JavaScript Error — Common Console Errors Fix
Informational
browser-cookie-blockedBrowser "Cookies Are Blocked" Error Fix
Warning

Frequently Asked Questions

When an HTTPS page loads some resources over insecure HTTP.