Posts

How to troubleshoot WordPress media library not loading

WordPress media library is responsible for storing the site’s multimedia files: images, videos, audio files, and documents. Many a time, you might encounter the issue in which WordPress media library is not loading/showing thumbnails. So you have to follow this 6-step tutorial to fix this error. Otherwise, you can’t upload files, and users may face difficulties when visiting your site.

wordpress media library not loading not showing

We want you to never have to deal with such an error. However, bookmark this post to help you fix this issue if it arises. Here is a complete guide showing you how to troubleshoot WordPress Media Library not loading error step by step. Each step is thoroughly described, so even less-trained users will be able to follow the instructions.

IMPORTANT: In the best-case scenario, plugin incompatibility may generate an error, and fixing the issue takes around five minutes. In the worst-case scenario, the issue is with file permissions, and you’ll have to change the sites’ files. Before taking action, we strongly recommend performing a complete site backup. No matter what you do, a site backup gives you that needed peace of mind when fixing a site.

Recommended: Use WordPress Media Library Folders

FileBird – WordPress Media Library Folders was born to help you manage thousands of files in WordPress media library quickly and easily.

This will help you save a ton of time trying to solve WordPress media library not loading issue. The hierarchical view of your folders will help you quickly find specific folders in just a blink of an eye. And FileBird loads one folder at a time, so the risk of media library inability of loading will be reduced.

How FileBird troubleshoots WordPress media library not loading?

Once you install the plugin, you will be able to organize thousands of your images and other media files into folders/ categories, drag and drop to upload/move files into folders and drag and drop to rearrange folders.

You have the toolbar on the left which allows you control all of your folders/ files. You can create, rearrange, rename or delete folders.

Right-click your mouse to quickly create, rename or delete folders like what you do on your computer.

More than that, you can even get your entire folder and files in a downloadable ZIP file with a single click.

Download entire WordPress media library files

Give FileBird a try and WordPress media library not loading issue will not exist anymore.

The FileBird plugin allows an infinite list of uploaded media library files. But if you’re looking for some alternatives around troubleshooting this issue, you can hop on how to fix the issue in which WordPress images are not showing by following the next steps.

1. Check Plugin Incompatibility

Even if you use premium plugins or ones from the WordPress repository, they might not be perfect and could conflict with each other. Some incompatibilities don’t have a visible impact on your site, but some result in major problems, like making it impossible to upload images or videos. Here is what you have to do to find the culprit:

1. Go to your WordPress admin dashboard and click on Plugins. You’ll see a list of plugins. Select all of them and choose Deactivate from the Bulk Action drop-down menu.
plugin check

2. Clear the cache memory if you have installed a caching or performance plugin.

3. Visit the Media Library and check if it works. Even if you see the thumbnails properly, upload a new image to make sure it works.

4. If the Media Library works, then a plugin was causing the issue. Reactivate each plugin one at a time and check the Media Library after each reactivation. If you see the Library’s thumbnails and uploading works fine, then the plugin is okay. Repeat the process until you find the guilty plugin. It’s boring, but it’s the only way to find the culprit.

5. If the problem persists after deactivating all the plugins, then there is no plugin incompatibility. Reactivate them and go to the next potential source of the problems: the theme.

Hints:

  • According to Murphy’s law, the last plugin you re-installed generated the issue. To save time and break this law, we suggest starting with the plugin you most recently installed or updated before the Media Library stopped working. Most likely, that’s the one that generated the issue.
  • Contact the team that developed the plugin responsible for your issue. Explain the problem and work with them to update the plugin. It won’t help your site get more visitors, but it’s always nice to help the WordPress community.

2. Check Theme Incompatibility

Install and activate a new theme – let’s say a default one, such as Twenty-Twenty. Check the Media Library, and if it works, then the problem is your theme. In this instance, contact the theme developer and describe your issue.

There is a good plugin called Health Check to help you troubleshoot plugin- or theme-related issues. It allows you to toggle your plugins on/off and switch between themes.

Good news: Using Health Check plugin won’t affect normal visitors to your site.

3. Update WordPress Core

You have to update the WordPress core from time to time. While the team behind WordPress works hard to make it faster, more secure, and more versatile, errors do happen. Don’t worry, many of these errors are fixed so fast that you won’t even notice them. Still, your version of WordPress may produce such an error, and there is a slight chance that the WordPress core is guilty of the Media Library malfunction.

The deficient WordPress update is the most probable cause of the Media Library not loading issue. A poor internet connection or a server misconfiguration may result in an incomplete update of your site’s WordPress core. All you have to do is to make sure that the update works fine. Head to your WordPress admin dashboard, click on Home > Update > Re-install now to re-install the WordPress core.

update wordpress core
4. File Permissions

The next suspect could be invalid file permission if there is no problem with your plugins, theme, or WordPress core. Here is what you have to do:
1. Open your FTP client of choice (Filezilla, Cyberduck, FreeFTP) and connect to your site host.
2. Access your site’s files and go to the wp-content/ folder. Identify the upload/ folder.

file manager file permission

3. Select File Permissions and change them to 755, unless there is a different numeric value. Check the Recurse into subdirectories box and choose Apply to directories only.

file permission for wordpress media library

4. Pay Attention! Go back to the upload/ folder and select File Permissions once again. This time, change the numeric value to 644, check the Recurse into subdirectories box, and choose Apply to files only.

file permission fix wp media library

5. Go to the Media Library and check if it works. If it still doesn’t work, apply this algorithm again but choose 777 instead of 755. Verify the Media Library, but bear in mind that 777 presents a serious security issue for your site.

In theory, you have done everything possible to fix this problem. Contact your hosting provider if the problem persists; it might be a server malfunction or an issue out of your control.

Types of File Permissions

You can change file permissions without having a clear idea of what they are. However, it helps if you have a basic understanding of file permissions.

File permissions determine what actions a user can perform on a file: read, write, or execute. Consider the following rules:

  • Read (4): Allowed to read files
  • Write (2): Allowed to write or modify files
  • Execute (1): Read, write, delete, modify, or direct files

file permission explanation

Each digit of the numeric values from above has a particular meaning. The first digit says what actions a user can perform (read, write, or execute), the second says what a group can perform, and the last says what a site visitor can perform. You calculate the value of each digit of a permission’s numeric value by adding the value for each type of action.

For example, 755 means that the users read, write, and execute (4 + 2 + 1 = 7), the group members can read and execute (4 + 1 = 5), and the site visitors can read and execute (4 + 1 = 5). Check out this resource for more information about file permissions.

5. Image Hotlinking

Hotlinking refers to instances when a website links to images hosted on an external hosting platform. The fair method is to link to the image, credit the artist, and store the image on your site’s server—that is, of course, if the image owner allows it.

While copyright infringement is beyond the scope of this article, image hotlinking is a way to poorly display images and reduce the site’s performance. The site using hotlinked images doesn’t consume its own bandwidth; instead, it uses the original host’s bandwidth. Fortunately, most hosting providers offer hotlinking protection. Many security plugins also package this feature.
However, there are cases where webmasters prefer hotlinking—for instance, people who run multiple sites. No matter the reason, they use a single site to store images.

The hotlinked images won’t work if you don’t set up the proper configuration from cPanel (or a similar account) or the .htaccess file. Check out these steps to disable hotlinking while whitelisting particular websites.

Disable Image Hotlinking from cPanel

Go to cPanel (or a similar account) and search for Hotlinking Protection in the Security area. It depends on your site’s host, but Hotlinking Protection usually falls under the Security area.

disable image hotlinking in cPanel

Click on it to enable hotlink protection. You also list the URLs you want to allow access. You can also block access to particular types of file extensions. Include here the image extensions used on your website, such as .jpeg, .jpg, .bmp,.gif, and .png.

image hotlinking protection

IMPORTANT: Pay attention when you create your list of URLs with access to your site. Include the www, non-www, http, and https versions to avoid any potential errors.

Disable Image Hotlinking from .htaccess

Access your site’s files using an FTP client or through the File Manager on cPanel. Go to the site’s root directory and look for the .htaccess file.

htaccess file hotlinking

IMPORTANT: The files starting with a dot are hidden by default. Check the FTP client’s or File Manager’s settings and change them to allow you to view the hidden files. That’s why you won’t see .htaccess file directly when you open up the root directory.

Edit the site’s .htaccess file and paste the following snippet of code:

RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsite.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsite1.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsite2.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [F]

Replace “yourwebsite” with the name of your site and “yourwebsite1” and “yourwebsite2” with the name of the sites you will allow to hotlink. Delete the lines of code for “yourwebsite1” and “yourwebsite2,” and you will block the sites from hotlinking your site’s images.

Over to You

Fixing WordPress errors isn’t the most fun activity, but you should be prepared for the worst-case scenario. Don’t panic if your site’s Medial Library doesn’t work; check this article instead and carefully apply the suggestions.

Have you ever experienced the Media library not loading error? How did you resolve it? Please leave a message in the chatbox below and share your experience!😘

Drive sales in your eCommerce store with Abandoned cart recovery plugin

The success of an eCommerce store depends on the way you promote it and the way you achieve your sales.

Sometimes, despite your brightest effort, your store might not yield the sales you expected. So, what might be the reason for this dip?

Reports suggest that eCommerce stores lose around 75% of the sales due to abandoned carts. ‘75%’ does look big, but do you know what this means?

It means that around 75% of potential sales are just sitting in those carts, waiting for you to recover them and convert into sales. So, come with us as we show you how to recover those carts and drive 10x sales.

What is an Abandoned Cart?

Sometimes, customers will visit your store to purchase a product, they will add the product to their cart and move to the checkout process.

But suddenly due to some reasons, the customer will quit the store without checking out their cart. Now, the cart they left behind is an Abandoned cart.

A very sad abandoned cart

If a cart is abandoned it doesn’t mean your sale is lost. You can still boost your sale 10x times. 

What? How can I do that?

Well, to do that you need an Abandoned cart recovery plugin like Retainful for WordPress. Using which you can recover your cart & boost your sales.

But, that’s not it, using Retainful you can send Next order coupons and drive repeated sales too. You can even run a Referral program in your store and increase your customer retention rate.

What are the reasons for Cart Abandonment?

Like we said before, around 75% of sales are not due to Cart abandonment. So, we must know why customers abandoned them in the first place.

Predicting Cart abandonment is impossible. But experts say that the store itself is the major reason for cart abandonment.

Here are some of the reasons,

  • Expensive product prices
  • Lack of Free shipping options
  • High Delivery costs
  • Long 7 Tiring Checkout Process
  • Fishy payment gateway
  • Slow and Laggy website
  • Guest checkout option was not available
  • Payment options were limited
  • Unsatisfactory return policies
  • Lacks of gifts, discounts and coupons

These are some of the major reasons for Cart abandonment. We can only show you how to recover your abandoned carts but to avoid Cart abandonment you must enhance your store.

How to prevent Cart abandonment?

Predicting Cart abandonment is hard, but with the help of some Cart Recovery apps, you can prevent it. And if Cart abandonment occurs even after your prevention efforts then you can recover them.

But right now, let’s talk about preventing Cart abandonment using three features Add to Cart Popup, Exit-Intent popup and Countdown tools.

Option add to cart popup

Add to Cart Popup

Add to cart popup is a feature of Retainful. These popups get triggered when your customers click the Add-to-Cart button.

Using this popup you can grab your customer’s email addresses for post-sales engagement.

But you can also use it to prevent Cart abandonment and you can also boost your sales with the Add-to-Cart popup.

How?

Retainful popup to offer

Simple, sometimes your customer might be motivated to purchase because of the high product cost.

So, displaying a discount in your Add to cart popup will motivate them to make the purchase and since they are getting a discount they might even purchase more than they expected.

This is a subtle way to increase your sales.

Exit-Intent Popup

As the name suggests, the Exit-intent popup is triggered when the customer moves his cursor to the exit button or when he clicks the exit button.

You can follow the same strategy that you used for Add to cart popup.

The customer wanted to quit the store because he didn’t want to purchase the product because of any reasons mentioned above.

So, what does it take to prevent him from quitting your store?

Retainful exit intent popup

You guessed it, yes, a discount.

Display a discount in your popup and motivate the customer to purchase the product. This is also another way of boosting your sales.

Since the customer is getting a discount, he might end up purchasing more than he wanted to.

You see, if you want to boost your sales then you must try every trick from the book. And we just showed you a couple of beautiful tricks and wait there’s more.

Countdown Timer

The classic countdown timer trick, yes this feature is also available here. Encourage your customers to speed up their purchase by displaying a countdown timer on the product page.

Fear of Missing Out(FOMO) is a very strong emotion. You can leverage this emotion by using this feature.

Even popular stores like Amazon, Ali Express. Etc use the countdown timer trick to skyrocket their sales.

Skyrocket the sales

Use this Countdown timer feature and create a sense of urgency to speed up your sales and also to prevent cart abandonment.

Recover your Abandoned carts and drive 10x sales 

Alright, now you know the reasons for cart abandonment and how to prevent it. But what about the carts that were already abandoned?

Recovering your abandoned carts using Retainful is pretty easy.

Email automation in Retainful WordPress

All you have to do is create your Cart Recovery emails and initiate your recovery campaign.

Let’s just see a quick overview of the campaign. (You can find the detailed process right here.)

By default, there will be three cart recovery email templates. Remember one recovery email will not do the trick.

You need to send a series of emails in a specific time sequence, only then the customer will return to your store and recovery the abandoned carts.

Alright, back to the email template, you can customize those templates and personalize them to entice the customer.

Once you are done with customization, set the time sequence and just set it live,. This will activate the Cart recovery campaign.

Now, the app will send these emails automatically to the customers who have abandoned their cart and request them to return to the store so that you convert those lost carts into sales.

You can track the metrics and see how your Cart recovery emails are performing on an insightful dashboard.

How does recovering Abandoned cart boost sales?

You see, sending these Cart recovery emails will create an impact on customers. It will make them think that you care for their presence at your store which boosts your store’s credibility.

Also, we all know the universal eCommerce truth, returning customers always purchase more.

Call to action - finish your order

So, encourage them to return to your store by sending discounts in the Cart recovery emails and drive 10x sales exponentially.

And that’s how you boost your sales using an Abandoned cart recovery plugin. Wait there are a few specials coming right away.

How to drive repeated sales in your eCommerce store?

So far, we’ve seen how to prevent Cart Abandonment and recover abandoned carts to boost your sales. But, is that it?

No, certainly not! Remember when we said if you want to drive repeated eCommerce sales then you must try every trick in the book.

Well, let’s see one of those tricks, which is Next order coupons.

Retainful next order coupon

When a customer completes his purchase, he leaves, there is no reason for him to stay or return to your store unless he wants to purchase something else.

So, offering Next order coupons is a way of inviting your customer to return to your store again to make a purchase and redeem the discount.

When he returns to your store again to drive repeated sales, you can retain the customer and increase your customer retention rate.

Retainful for WooCommerce

Generate Next order coupons automatically using Retainful and send them in the order confirmation emails to your customers. 

You can increase your brand awareness and foster customer loyalty by sending coupons after every purchase they make.

Even if the customers didn’t have any interest to purchase again, by seeing the Next order coupon they’ll be motivated to return to your store. By which you can drive 10x sales without breaking a sweat.

Conclusion

The objective of the article was to show you that you can increase or drive 10x sales using an Abandoned cart recovery plugin. And we hope this article justified the objective, the common misconception about the Cart recovery tools is that you can use it only to recover carts.

But it is so wrong, when used right these plugins can bring you more sales to your eCommerce than discount or sales tools.

Go ahead! Check it out for yourself.

Thank You!

 

Tips for Multi Author WordPress Website

Your admin dashboard by default offers no sorting features for multi-author WordPress website. In the minimalist scenario, if you have 2 authors uploading several images to WordPress media library on a daily basis, then in the course of half a year, you’ll have a bunch of uploads tucked in the same space.

This is quite a mess. Imagine how difficult it is for those authors to find their media!

In this tutorial, I’m going to show you how to stay organized in a multi-author WordPress website. With the help of these very useful plugins, we can help separate users’ uploads, add more sorting features and speed up our content creation progress.

1. Apply FileBird Plugin’s Features

FileBird helps organize files and folders

Introduction to FileBird

FileBird is a media file manager plugin to make WordPress a better CMS not only for visitors but also for admin agents.

When it comes to content, the largest common part is text, and images come in the second majority. In order to manage your content properly, you definitely cannot skip organizing the media files.

Drag and drop in FileBird interface

All WordPress page and post authors can click to create nested folders. They can drag and drop to rearrange files and folders easily. They can right-click their mouse and select an option from the smart context menu to make changes to their folders!

drag and drop in FileBird plugin

My clients’ authors are almost non-techies. So that’s understandable why they love these easy operations of organizing all their own media files.

And if Gutenberg is your thing, FileBird gallery block component surely helps you insert a folder of images in a rich gallery into your content. Of course, you can also choose which media to exclude from the gallery, too!

Each author is allowed to create private folders for their own media files

Moreover, FileBird also offers a unique feature for multi-author WordPress sites that other plugins don’t.

If you navigate to Settings > FileBird, you’ll see the first setting tab which allows you to enable Private folders. With this mode ON, every editor/author/contributor can create his/her own folders to contain their uploaded files.

FileBird settings each user has his own folder

This setup is extremely useful for your editorial workflow. And I believe you don’t want to miss it once you use FileBird. Good news is, this feature is available even in the lite version on WordPress repo.

So you don’t have to take risks, try WordPress media library folders for free here.

2. Use Filester to Set User Role Capability and Restrictions

Filester is a powerful file management plugin. Without banner ads or call-to-upgrade notifications, this plugin boasts the cleanest UI file manager on WordPress.org. You can download Filester here.

As demonstrated in the screenshot below, where you can make those general customizations.

If you’re concerned the most about your site performance speed, you can set maximum uploaded file size to make sure your authors would do their best to optimize every piece of media.

You can select the display language for each user role when operating around Filester user interface.

You can hide the .htaccess file or enable Trash mode to ensure your website security and assets.

filester file manager settings

Next, I’m showing you how to do advanced settings for each WordPress user or author role.

In the first tab, you have to tick those user roles whose permissions you need to adjust.

wp file manager user role

From then on you can move to the second tab to decide each user role’s restrictions. Here you can toggle so many options to regulate what a user role can and can’t do. There are plenty of role rights and restrictions to fit your website demands, no matter if it’s just a multi-author blog or a multi-vendor marketplace.

wordpress file manager user role restrictions settings

3. Smoothen Your WordPress Editorial Workflow

Edit Flow is a great plugin developed for larger organizations with many people involved in the publishing process.

edit flow plugin wordpress multi author

Its Calendar feature provides a convenient month-by-month look at your content.

Dashboard Widgets and Story Budget help bring an insightful vision for admins.

edit flow plugin features for wordpress

What I love the most about this plugin is its Editorial Metadata.

This feature allows you to create as many date, text, number, etc. fields as you like. By this way, information for each post can be stored clearly, like contact details, required word count, or the location of an interview.

editorial metadata settings in wordpress

This metadata is not published with the post but can be viewed in the WordPress admin. Webmasters can follow up on changes easily by looking for them on the calendar, story budget and list posts screens.

Edit Flow enables editors and content managers to quickly grasp the fluctuating state of content being produced. The team behind are also enhancing Edit Flow modules with Gutenberg over the next few releases.

You can check it out on their dedicated website here, too!

Some Final Words 😘

Those above are tried and tested plugins that we believe to be the most advantageous to your multi-author WordPress blog or content submission websites.

Especially, integrating FileBird folders to WordPress media library would make your authors feel like home and post smoothly, no matter how big your site content is.

Have we left out any worth-mentioning plugins from the above list? If so, let us know in the chatbox below.