{"id":29444,"date":"2021-12-24T22:15:45","date_gmt":"2021-12-24T16:30:45","guid":{"rendered":"https:\/\/hashthemes.com\/?p=29444"},"modified":"2024-05-15T17:12:07","modified_gmt":"2024-05-15T11:27:07","slug":"how-to-fix-insecure-content-mixed-content-error-in-wordpress","status":"publish","type":"post","link":"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/","title":{"rendered":"How To Fix \u201cInsecure Content (Mixed Content)\u201d Error In WordPress"},"content":{"rendered":"\n<p>When migrating a website from HTTP to HTTPS, web owners may encounter several issues. One of them is \u201cInsecure Content (Mixed Content)\u201d Error. This error is normally caused by the HTTPS\/SSL settings. In most of the situation it won\u2019t harm your website and your blog posts and web pages will continue to load as normal. However, keeping your website in such condition may break your website down.<\/p>\n\n\n\n<p>In this article, we will discuss what insecure content (Mixed Content) error actually is and how to fix it on your WordPress website.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Adding-SSL-Certificate-on-your-WordPress-Website\" title=\"Adding SSL Certificate on your WordPress Website\">Adding SSL Certificate on your WordPress Website<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#What-is-an-Insecure-Content-Mixed-Content-Error\" title=\"What is an Insecure Content (Mixed Content) Error?\">What is an Insecure Content (Mixed Content) Error?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Fixing-Insecured-Content-Mixed-Content-Error-in-WordPress\" title=\"Fixing Insecured Content (Mixed Content) Error in WordPress\">Fixing Insecured Content (Mixed Content) Error in WordPress<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Manual-Method\" title=\"Manual Method:\">Manual Method:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Using-SSL-Insecure-Content-Plugin\" title=\"Using SSL Insecure Content Plugin\">Using SSL Insecure Content Plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Simple\" title=\"Simple\">Simple<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Content\" title=\"Content\">Content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Widgets\" title=\"Widgets\">Widgets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Capture\" title=\"Capture\">Capture<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Capture-All\" title=\"Capture All\">Capture All<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/hashthemes.com\/how-to-fix-insecure-content-mixed-content-error-in-wordpress\/#Using-Better-Search-Replace-Plugin\" title=\"Using Better Search Replace Plugin\">Using Better Search Replace Plugin<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adding-SSL-Certificate-on-your-WordPress-Website\"><\/span>Adding SSL Certificate on your WordPress Website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In past, adding SSL certificate was optional for WordPress websites. But nowadays it is highly recommended and necessary.<\/p>\n\n\n\n<p>SSL certificate adds an additional layer of security to your website by encrypting the data transferred to your users\u2019 browsers when browsing your website. This makes the website secure by protecting the website data from being stolen or forged between the server and browsers.<\/p>\n\n\n\n<p>Besides, SSL certificate also provides different SEO benefits and Google has highly recommended websites to use SSL certificates.<\/p>\n\n\n\n<p>A padlock like the one in the screenshot below will appear next to the address bar of your browser if you have added SSL certificate to your website.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"250\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/11\/secured-website.png\" alt=\"\" class=\"wp-image-42632\"\/><\/figure>\n\n\n\n<p>However, if you have not added SSL certificate to your website, something like the screenshot below will be displayed next to the address bar.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"350\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/11\/insecured-website.png\" alt=\"\" class=\"wp-image-42633\"\/><\/figure>\n\n\n\n<p>SSL certificate is very essential for the security and SEO of your website. So, if you have not added the SSL certificate yet we recommend you to add it right away.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What-is-an-Insecure-Content-Mixed-Content-Error\"><\/span>What is an Insecure Content (Mixed Content) Error?<strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>When you recently add an SSL certificate to your website, you will be expected to see a secured padlock symbol in the URL bar when visiting your site. However, in some cases, your site may be requested over secured URL and some individual assets present on the page may not load securely over the SSL. In that time, you will face Insecure Content (Mixed Content) Error.<\/p>\n\n\n\n<p>To check if your website has mixed content errors, you need to go to <strong>Inspect Element<\/strong>. <\/p>\n\n\n\n<p>If you are using Chrome browser, right-click your mouse button while it is on the browser and click on inspect. Alternatively, you can also press the &#8220;<strong>CTRL + Shift + I<\/strong>&#8221; or &#8220;<strong>F12<\/strong>&#8221; hotkey of your keyboard. Now, click on the <strong>Console<\/strong> tab.<\/p>\n\n\n\n<p>If your website has Mixed Content error, you can see the error like the one in the screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"800\" height=\"286\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/01\/mixed-content-error.png\" alt=\"\" class=\"wp-image-29447\"\/><\/figure>\n\n\n\n<p>Although this error might not affect your website\u2019s functionality but can adversely impact the SEO and user experience of your site. That&#8217;s why it&#8217;s good to fix this error as soon as you find it out.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fixing-Insecured-Content-Mixed-Content-Error-in-WordPress\"><\/span>Fixing Insecured Content (Mixed Content) Error in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There are several ways to fix Insecure Content (Mixed Content) Error in your WordPress website. Here is we discuss 3 of the easiest ones. They are:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Manual-Method\"><\/span>Manual Method:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This is the manual method to fix the mixed content error on your WordPress website. Here you need to find which media or code that is causing the error and replace it with the new HTTPS URL. <\/p>\n\n\n\n<p>This method is suitable if only one or two links are causing the error. Otherwise, manually finding and replacing all the error links one by one may be time-consuming for you. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Using-SSL-Insecure-Content-Plugin\"><\/span>Using SSL Insecure Content Plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In this method, you need to install and activate <a href=\"https:\/\/wordpress.org\/plugins\/ssl-insecure-content-fixer\/\" target=\"_blank\" rel=\"noreferrer noopener\">SSL Insecure Content Plugin<\/a> on your WordPress website.<\/p>\n\n\n\n<p>Once you have activated the plugin, go to <strong>Settings &gt;&gt; SSL Insecure Content<\/strong> page to configure the settings available.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"800\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/01\/fix-insecure-content.png\" alt=\"\" class=\"wp-image-29446\"\/><\/figure>\n\n\n\n<p>The plugin provides different fixes to the mixed content error. We will explain each one of them to help you find the best solution to resolve your issue.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Simple\"><\/span>Simple<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>It is the fastest and most recommended method for newbies. It automatically fixes the mixed content error in WordPress for scripts, stylesheets, and media libraries.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Content\"><\/span>Content<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If the simple fix method does not resolve the mixed content error of your website, you should try this method. It will use all the features of the simple method in addition to checking the fixes inside your contents and text widgets.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Widgets\"><\/span>Widgets<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This method includes all fixes applied in the content level as well as to all resources loaded in all WordPress widgets available on your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Capture\"><\/span>Capture<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The capture method captures everything on every page of your website from header to footers, as well as replaces all URLs to HTTPs. It can slow down your website and also affect performance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Capture-All\"><\/span>Capture All<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If all the above methods fail to resolve the mixed content error, you can try this method. It attempts to fix everything that may lead to unexpected behavior of the website. However, this method will also have the most negative impact on the performance of your website.<\/p>\n\n\n\n<p>After you have selected the content level fix for your error, scroll down to the HTTP detection section. This is where you can choose how to detect the HTTPs of the content of your site.<\/p>\n\n\n\n<p>The default option is to use a WordPress function, which works for most of the website.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"235\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/01\/fix-https-detection.png\" alt=\"Insecure Content\" class=\"wp-image-29445\" style=\"width:840px;height:203px\"\/><\/figure>\n\n\n\n<p>Once done, click on \u201c<strong>Save Changes<\/strong>\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Using-Better-Search-Replace-Plugin\"><\/span>Using Better Search Replace Plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In this method, the first thing you need to do is install and activate <a href=\"https:\/\/wordpress.org\/plugins\/better-search-replace\/\" target=\"_blank\" rel=\"noreferrer noopener\">Better Search Replace plugin<\/a> on your WordPress website. <\/p>\n\n\n\n<p>Once, the plugin is activated, go to <strong>Tools &gt;&gt; Better Search Replace<\/strong> from your WordPress backend.<\/p>\n\n\n\n<p>Now, insert the URL in which the mixed content error has occurred and replace it with the new HTTPS URL of your website. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"750\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/12\/better-seach-replace-page.png\" alt=\"\" class=\"wp-image-42701\"\/><\/figure>\n\n\n\n<p>Then, click on Run Search\/Replace button, and the plugin will automatically find and replace the error link with the new URL. You can check the case sensitive box to disable the case sensitivity as the searches are set to be case sensitive by default.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When migrating a website from HTTP to HTTPS, web owners may encounter several issues. One of them is \u201cInsecure Content (Mixed Content)\u201d Error. This error is normally caused by the HTTPS\/SSL settings. In most of the situation it won\u2019t harm your website and your blog posts and web pages will continue to load as normal. [&hellip;]<\/p>\n","protected":false},"author":772,"featured_media":43387,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-29444","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-and-tutorials"],"_links":{"self":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts\/29444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/users\/772"}],"replies":[{"embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/comments?post=29444"}],"version-history":[{"count":0,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts\/29444\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/media\/43387"}],"wp:attachment":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/media?parent=29444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/categories?post=29444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/tags?post=29444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}