Skip to Main Content

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

Divi: the easiest WordPress theme to use

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

Before talking about SSL that prevents your images from displaying, we will first provide some context.

Regarding the connection between the human senses and marketing, the vision seems to be the most influential. According to the rules of the brain by John Medina, the following results from the recall power test.

When people receive information to listen to, they remember about 10% of what they heard 3 days ago. But when people have received information next to an image, they remember about 65% of what they received three days later.

Research has shown that people's willingness to read increases by 80% when text is associated with colored images. As a publisher or distributor, it is important for you to see not only that website visitors get remember what they saw, but in fact they take the time to read it.

So if images are so important to your strategy global marketing, what will you do if you discover that the images on your website are no longer displayed?

If you have recently updated WordPress, maybe you have already encountered this problem.

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

Then back to why we are here.

SSL prevents the display of images

Although this is not just relegated to the recent WordPress update, there have been a number of reported issues regarding image display issues:

All images on the website are no longer displayed : After updating WordPress, no image is displayed.

The images in the media library are gone : After updating WordPress, the media library and all associated images appear to be missing.

Dashboard images are invisible : After updating WordPress, the images on the website seem to work, but the thumbnails on the products page are not displayed.

A mixed content warning appeared After installing an SSL certificate, a security warning about mixed content appeared.

The importance of website security

Many companies Nowadays have an eCommerce website, in order to process transactions involving sensitive customer information, these companies must be able to prove to their customers that they have a better way to ensure that the data remains secure.

Go further in security by discovering How to secure more WordPress with your Smartphone

SSL: To the Rescue

The most common way to do this is buying a certificate Secure Sockets Layer (SSL). This certificate allows visitors to decide whether or not it is safe to continue a purchase on a website. If a website is considered dangerous because of the mixed contentusers will receive a warning that will discourage them (necessarily).

And that's how SSL is supposed to work. It serves as a gatekeeper between your connection and your customers, using a set of keys (a string of numbers). Clients' browsers or devices tend to receive a public key. Your website will then receive a private key.

The one that connects the two is a session key and it is this key that encrypts and decrypts the data that is transmitted in both directions.

HTTPS: The missing link

Now, with the SSL certificate in place, the other component of a secure website is in the form of HTTPS version " secure "Hypertext Transfer Protocol. HTTPS is responsible for transporting data between two points and it does so using SSL.

Discover too How to replace image links after installing SSL on WordPress

Divi: The best WordPress theme of all time!

With over 600.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

For websites that do not need confidential customer information, HTTP works very well. But for those who need this extra level of security, HTTPS is a must. (And as if that was not enough, Google rewards websites with better search rankings that use the HTTPS protocol.)

twitter-https demo

Correct the bug

Now, you probably know that there is something going on with your SSL and HTTPS because of a update of WordPress. Once the developers started digging into all of these reported issues, they were able to identify the cause as coming from the introduction of mixed content.

What is mixed content?

Most websites have local content and external content. Local content can be the code of your website and locally stored images and images, videos, style sheets and scripts can be obtained from elsewhere.

Discover How to put your WordPress website in Maintenance mode

ie-security warning

Mixed content is a problem that occurs when a website offers content that is obtained from secure (HTTPS) and non-secure (HTTP) sources.

Consult How to add a custom navigation menu on WordPress

Often, a website with SSL protection and an URL HTTPS loads some of its content (images, style sheets or scripts) from a place not protected by SSL.

How to remove mixed content

SSL prevents images from appearing on your website, but you're not sure what to do about it, since the question has arisen with your update, Returning to an old WordPress version is not the solution. There are a number of solutions that you can study.

Solution # 1: Install Really Simple SSL WordPress Plugin

If you do not already have it, this plugin is the best starting point. Really Simple SSL automatically detects your settings and configures your website to run on HTTPS.

To keep it light, the options are kept to a minimum. The whole website will switch to SSL.

Solution # 2: Examine the URLs on the dashboard

adjustment url wordpress

The next place to go is your WordPress dashboard. Click on Settings> General.

Check that in all your URLs do not use "HTTP".

Solution # 3: Examine the code

website source code

Open your website. Open the source code of the page that has an absent image. Then do Ctrl + F to search the code. Paste the text src = http In the search area.

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

You should notice that the missing image links on this page have an HTTP instead of an HTTPS. Go to WordPress and fix the specific instances requiring an update.

Solution # 4: Investigate the WordPress Theme

If you use a third-party WordPress theme on your website, it can use absolute URLs rather than relative URLs. Review the PHP files for your theme to check the automatic tuning.

If you are dealing with absolute URLs, you will need to find a way around this by using coding or custom plugins. This also applies to plugins.

Solution # 5: Study Broken Links

There are a variety of tools that can help you quickly and easily check the links on your website: Google Webmaster Tools ou Screaming Frog SEO Spider.

Some will allow you to make a quick transition from HTTP to HTTPS, while others will allow you to update relative paths so that you do not run out of problems.

Discover also some premium WordPress plugins

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

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

1. WooCommerce Extra Product Options

WooCommerce Extra Product Options is a WordPress extension that will allow you to create additional product options with support for conditional logic. You will also be able to create forms, convert attribute dropdowns to radio button and more.

Among its features we will find among others: the psupport for multiple types of fields, the cprices according to the selected fields, the visual constructor of the form fields, the support of shortcodes, the possibility ofactivate its options for specific roles, thehoax between the increase on fixed prices or in percentage, the support of theconditional logic on fields and sections in the form constructor, theompatibility with several plugins and eCommerce extensions, a DDetailed documentation, import / export features to other forms, the ability to hide or show prices, and Much more …

Download | Demo | Web Hosting

2. Click to WhatsApp Chat

The WordPress Click to WhatsApp Chat plugin allows WordPress customers to easily connect with the website owner or customer support using their WhatsApp account.

This plugin requires the number and time and day of WhatsApp, which the website owner or support team will use to chat. The chat button can be added to the product details page WooCommerce, which is directly related to this product.

Just a click on the WhatsApp account and it will be directed directly to the mobile WhatsApp account with a default message. And if the client is on desktop or laptop, he will be redirected to WhatsApp Web.

Download | Demo | Web Hosting

3. Bpchat

Bpchat is a WordPress extension of BuddyPress that sets up a chat system on your blog or WordPress website.

Once this plugin is installed on any blog, forum, community, directory, e-commerce website or social website BuddyPress, all connected users can automatically chat instantly.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [FREE]

Ce WordPress plugin also sets up an easy way to chat online, which looks a bit like what Facebook offers.

Download | Demo | Web Hosting

Recommended Resources

Discover other recommended resources that will accompany you in creating and managing your website.

Conclusion

Here ! That's all for this tutorial, I hope it will help you fix the problem of displaying images with the HTTPS protocol. 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 and.

...

This article features 5 comments
  1. Hello, I try to run the plugin ssl with the plugin, I'm not sure of his name, but anyway the merit was from you ... During 2 days I try to install it safely. the plugin is Really Simple SSL. Thank you thank you, I will put this site in the favorites.

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
21 shares
Share20
tweet1
Save
WhatsApp