How to Fix Mixed Content Errors After Installing SSL

After installing SSL, your website may show mixed content warnings when some resources still load over HTTP. This guide helps you fix them.

Steps

Open your website in a browser and press F12 to open Developer Tools.

[screenshot: browser developer tools]
Click the Console tab and look for mixed content warnings that identify HTTP resources.

[screenshot: console showing mixed content warnings]
In your website's code or CMS settings, update resource URLs from http:// to https://.

[screenshot: updating URLs in code]
For WordPress sites, use a search-and-replace plugin to change all http://yourdomain.com references to https://yourdomain.com.

[screenshot: search and replace plugin]
For hardcoded URLs in theme files, edit them via File Manager in iPanel.

[screenshot: editing theme files in file manager]
Reload your website and verify the padlock icon appears without warnings.

[screenshot: secure padlock icon in browser]

Tip: Use protocol-relative URLs (//example.com/image.jpg) or always use https:// to prevent mixed content issues.

Was this article helpful?