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.

Now hop on how to fix the issue in which WordPress images are not showing.

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.

6. 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.

SEE HOW FILEBIRD TROUBLESHOOTS YOUR 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.

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

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 10x 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!

 

5 Best WordPress Telegram Plugins

Telegram is an ever-expanding messaging platform which provides loads of powerful features in its native groups and channels. If you are a WordPress website owner, you absolutely can’t skip these top WordPress Telegram plugins.

Those add-ons are surely adding tons of value to your website including content exposure boost as well as subscriber raise. What’s more, while surfing WordPress repo I’ve found out some other features integrated with Telegram which you don’t know they even exist.

Now hop on this roundup article and see how these Telegram plugins for WordPress can be of great help to you!

1. WP Telegram (Auto Post and Notifications)

WP Telegram is an excellent plugin for big websites with rich resources. This plugin provides an automated flow to send private notifications to groups and posts to Telegram channel. Auto-posting to Telegram supports both channels and groups while auto-sending message supports groups and personal users.

wordpress telegram bot

This plugin provides clear instructions on how to create a new bot, add the bot to a particular group and send a test message. After doing this setup properly, you can go ahead and set rules for what and when to send content to this group.

Moreover, the proxy of WP Telegram is a hot trick for those hosts who were banned on Telegram.

Features:

  • Send posts automatically to Telegram when published or updated
  • Send featured image along with the text/excerpt
  • Add inline button and delayed posts
  • Easy conditional settings
  • Support all WooCommerce and ACF text fields

2. Replain

replain - messenger and telegram

Replain is a fancy solution for early adopters who want to play ahead of their competitors. It not only supports Telegram private messaging but also provide a multi channel button for all kind of queries.

Upon activation, you’ll have to follow their link to generate a Re:plain code. Once run successfully, your new chat widget is enabled.

You’ll see a new click to chat button in the corner of your web page. Any website visitors can send you a Telegram message to ask whatever they have in mind.

Think of a contact form, yet much much much easier and you can collect more information about the senders. When you receive a message from a visitor via Telegram, you’ll get their entered name, email address, phone number. Additionally, you also get other info such as date, location, audience ID, and the web page from which they opt to send the message.

replain bot

Refer to the image above, you’re allowed to send a message back so that the recipient will receive it when they return to your website. And this is how your audience will see your replies.

replain chat box via telegram

Features:

  • Cool and modern UI/UX
  • Fast setup
  • Choose the operator to take care of the customer
  • Response templates available

3. Telegram Bot & Channel

telegram bot plugin

Similar to WP Telegram, this Telegram bot plugin relies on BotFather to create a new bot. Once you’ve created a bot and received your token, head down to the Configuration section to see all options and settings you need to get this bot up and running.

telegram-plugin bot channel configuration

4. Telegram notifications for WooCommerce

telegram notification woocommerce

This is a convenient way to automatically get notified whenever someone makes a purchase from your online store. To use this add-on, your WordPress website must be using WooCommerce.

Below is the demo illustration to show how your WooCommerce notifications look like on your Telegram app screen.

telegram woocommerce message

If you’re a fan of WooCommerce, check out CartBack abandonment cart & Facebook Messenger remarketing.

Features:

  • Immediate notifications
  • Easy to setup
  • Full order details

5. WP Telegram Login & Register

wp telegram login plugin

This a helpful plugin to clear the lengthy process of submitting info via a lengthy multi step registration form.

By a few configuration steps, you can link your domain to your Telegram bot.

Once successfully updated your domain. You can display the Log in with Telegram button any where in your website. Using shortcode, you can embed it in page/post. Or you can also drag the Telegram widget to Footer section and it’ll display nicely with an optional title.

log in with telegram button

This is a great way to save time for all users who want to be subscriber or contributor to your website. Combined with other Telegram plugins by Manzoor Wani, you can set up your own user management system and reach them easily via Telegram groups or broadcast news and updates via Telegram channels.

Sum Up 😘

Those above are tried and tested WordPress Telegram plugins that we believe to be the most advantageous to your WordPress website which has a majority of users preferably on Telegram.

There are many other plugins which are not under good maintenance and do not work including Telegram for WP. But if you have found any better solution for these Telegram functionality, don’t hesitate to let me know.

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

Envato Plugins Banner

How to Organize Your WordPress Media Library with Folders

Files, files and more files. Stuff is messed up!

Are you getting mad at finding and arranging thousands of files of images, videos or documents that you have uploaded to your WordPress?

You have trouble managing them?

One of the biggest clutter attractors is the WordPress Media Library.

You intend to upload multiple media files for every single post and page you create.

Imagine that you are gonna upload about 10 or 20 images per day. If we multiply that by tens or hundreds of posts, the quantity of files in your Media Library is insurmountable!

Frankly, WordPress does not equip enough tools to help deal with all media files. The Media Library is currently doing quite well in files, but if you need to go further than this like finding specific old files, I bet you’ll be in a world of pain.

That’s where FileBird comes in. It brings some much-needed order to your WordPress Media Library by creating an organized structure of highly filterable folders and subfolders.

FileBird – WordPress Media Library Folders is the official tool developed by Ninja Team to help you deal with this difficulty like shooting fish in a barrel. And it was born to help you overcome the obstacle and take your WordPress Media Library folders organization to the next level.

In today’s article, I’ll take you through exactly how to use this plugin to organize your Media Library. Then, I’ll go deeper into all WP Media Folder’s features to let you manage your WordPress site a whole lot easier and less time-consuming.

How to add folders to your WordPress Media Library with FileBird

Here’s exactly how you can add the plugin to your site by using FileBird.

Before getting started, you’ll need to make sure you’ve:

  1. Purchased the plugin from envato
  2. Downloaded the free .zip file of the plugin from WordPress

Once you’ve got that out of the way, you’re ready to start organizing!

Installing and configuring FileBird

All you need to do is search “FileBird” and install the plugin.

Navigating the FileBird Interface

Here’s what your media library should look like now:

media library

The user interface works a lot like the folder system on your computer, so it should feel pretty familiar.

To create your first folder, you can click New Folder button on the top-left corner:

new folder

Once you create a folder, it will show up in the list on the sidebar:

sidebar

To move a file into the folder, you can just use drag and drop just like you would on your computer:

drag and drop

If you want to move multiple files at the same time, you can click the Bulk Select button:

bulk select

Then, you can click on as many items as you want to move and use the same drag-and-drop approach to move them to a new folder:

bulk select

Creating Subfolders

If you want to create a folder inside another folder, you’ll first want to open the folder in which you want to create a child folder. Then, if you click the New Folder button or right click then select New Folder while inside that existing folder, you’ll be able to create a child folder:

sub folder

Filtering and ordering files to find them faster

To help you find new and old files, FileBird adds a number of new filter and sort options.

You can filter files by:

  • Keywords
  • Date
  • Media items (Audio, images, video, etc.)

You can access these options from the All media items drop-down:

search

You can also resize the sizebar by dragging the three-stripe pattern.

resize sidebar

Stand out features of FileBird

FileBird is equipped with a wide range of useful features that I’ll state in the next section, but here are the three main features which really helps FileBird stand out from the crowd:

  • Manage media with folders and subfolders – you can create as many folders and subfolders as you need to stay organized.
  • Order and filter media – you can filter and order your entire Media Library based on multiple helpful criteria.
  • Smart context menu – right click your mouse to quickly create, rename or delete folders like what you do on your computer.

smart context menu

Other helpful features – friendly UI, compatibility and more!

In addition to the outstanding features mentioned above, FileBird also includes these helpful features:

  • Drag-and-drop Interface – Moving files around is as easy as dragging them to where you want them. Plus, you can drop files anywhere to upload.
  • WooCommerce compatibility – FileBird is compatible with WooCommerce and other eCommerce plugins
  • Page Builder compatibility – FileBird is compatible with most popular page builder plugins like Elementor, Beaver or Composer. It also works with Divi and Bakery if you upgrade to the premium version.
  • 2 media views – You can view your Media Library in two ways, namely a list or thumbnails.
  • Multiple languages support – FileBird supports most popular languages like Spanish, French, Italian, Vietnamese, etc.

Final thoughts and Pricing

FileBird – WordPress Media Library Folders is all about saving your time through better files management to make your WordPress media library cooler. It will not take much time to navigate and search your media files, which means you will spend more time dealing with essential stuff like writing content or promoting your site.

Beyond general time-saving through organization, FileBird can also help you accomplish specific tasks like easily creating, renaming and deleting folders as well as dragging and dropping files with right-click feature.

With all those good points, you’re probably wondering what FileBird is going to cost you. The answer? Not that much. It’s $25 with 6-month support from NinjaTeam alongside with regular updates. If you want to extend supports to 12 months, you can pay $7.5 for that.

Ready to start taking control of your WordPress Media Library?

Click here to try out the free version of this plugin with basic features.

If you want to experience more advanced features to make your media library become more organized and neater, you can

Click here to purchase the plugin and get more information.

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.

 

How to personalize a WordPress website based on user behavior

Personalization is the key to effective communication. Learn how you can personalize a WordPress website based on user behavior and add relevancy to a user’s experience.

3 Ways to Download Your Entire WordPress Media Library

Why would you want to download WordPress media library?

There are many scenarios in which downloading all WordPress media files become required. It could be when you create a brand new website and you want to keep those valuable files in place. Or you simply want to create a backup for media files during WordPress migration. You can also regularly store your media library archive in case anything goes wrong or got strange conflicts. Download WordPress media library helps keep your media files safe when staging new developments.

While it is possible to go through each image, download one by one and then sort them out, you would not want to choose that manual work. This article is going to show you 3 straightforward ways to download the entire library of your WordPress media files.

With a few clicks and a full copy of your WordPress media library will be ready to be stored in your computer or cloud storage services with minimum effort.

Now let’s hop on the first method.

1. Using Filester File Manager Pro plugin

Filester is actually a handy yet versatile file manager for your WordPress server files. The free version already offers all professional features you need to manage WP configuration.

In this section, I’m going to show you only a tiny feature to help you see how it works in exporting WordPress media library.

To start off, you need to go your WordPress admin dashboard and download Filester – File Manager Pro.

This can be done easily by running a search of Filester > Install Now > Activate the plugin.

filester plugin wordpress

After activated, Filester plugin creates a new menu item File Manager on the left sidebar. And you can click on it to view all the files that compose your current WordPress website.

Filester file manager pro user interface

This user-friendly interface allows you to browse files and folders at ease like on your computer. I would expect it’ll be extremely simple for you to find the folder for all WordPress media files. By clicking on the folder wp-content > uploads, you’ll locate all your media files arranged in folders by year and month.

By now you can just right-click the folder you want to download and choose Download to get them automatically downloaded to your computer in a ZIP file.

download wordpress media library using filester

In case you have many other addons and page builders installed in your WordPress, you’ll see their own folders nested under wp-content/uploads, too.

Eg: elementor folder & css folder

filester file manager folders

You can just ignore them and only choose the folder you want to keep an extra copy.

This download process right from WordPress dashboard file manager is conducted very fast and smoothly, just like downloading media with an FTP client access. For those who are more of a techie, refer to the second method below.

2. Using FTP Client

Your next option is to use the file transfer protocol method, which requires you to download an FTP client. FTP is, of course, an excellent solution for WordPress management. If you, however, are a rookie, it’ll be quite frustrating with those issues that you can’t understand or handle.

Now that if you can run FTP client, connect to Site Manager and navigate to your WordPress contents via the path /public-html/wp-content/uploads.

Every time you upload images and videos to WordPress media library, they will be stored in server folders. This system follows a chronological order which means the files uploaded in the year 2020 will be stored in the folder 2020, and so on and so forth for the subfolder of months.

You can do almost the same as the operations of Filester, find the folder you want to keep and right-click to download them.

download-wordpress-media-library-using-ftp

3. Use Export Media Library Plugin

If you have an excellent collection to be backed up on your system or simply because you need the media files for immediate distribution, using a dedicated plugin for this task is very much recommended. With this WordPress media library export plugin, you can utilize it as a one-off and then uninstall it once all media files are safely stored.

This is an easier way to download the entire media library for non-techies, like me. Just download the free Export Media Library plugin and you’ll be able to download a zip file of your entire library!

Upon activation, you can find the Export settings right under Media menu. Simply choose the folder structure (a single folder for all files OR nested folders) and compression mode for all media.

export media library

Note that, depending upon your media library, download media could take too long and lead to a timeout. You may need to discuss how to best utilize this plugin with your hosting provider.

Conclusion

Once you have correctly downloaded your WordPress media library, you will have a full backup of WP documents and media files. Bear in mind that WordPress store many different sizes of one image, so the media library you get has more files than original files. They will come in handy when you need to sort out optimized pictures and videos for your next projects later on.

If you guys encounter the issue WordPress media library not loading, don’t hesitate to leave us a message here! We’ll help you tackle that.

Did I mention that Filester has many other powerful features? Something you can do with the help of Filester includes drag and drop to move files, right-click to smart context menu, restrict access for user type, advanced settings for different user roles, etc.

If you would love to organize your WordPress media files better with folders, click to install FileBird for free:

FileBird – WordPress Media Library Folders & File Manager

 

 

Ninja GDPR – CCPA Documentation

Documentation of Ninja GDPR CCPA CPRA plugin

After installing the plugin on your WordPress site, you can see backend like instructions below.

In the Cookie popup style tab, you can customize the Cookie Popup Style, including Display Type, Position, Text, Background Colors, etc.

GDPR cookie plugin settings

You can see those changes in live preview popup on the right side of the page.

Ninja GDPR custom button

In Display tab, you can select which pages the popup appears on.

GDPR Cookie popup display

In Privacy Policy section, you can find the shortcode for the accept button. Copy and place this shortcode on your existing Privacy Policy page to add an accept button.

Other settings for your privacy policy page and redirected page are also available here.

GDPR Privacy policy shortcode

In Terms and Conditions section, you also have the shortcode to add an accept button to your Terms and Conditions page. You can choose a page to redirect to after the Terms is accepted. There are also options for logged-in and non-logged-in users.

GDPR terms and conditions

Next is Forget me section, you have a shortcode for Forget Me form. Copy and paste this shortcode on Forget me page. Users have to fill this form to ask for the right to be forgotten.

You can set subject and body for the notification email which is sent to users after they submitted the form Forget me.

GDPR Forget me - The right to clear data

In Data Access section, here you have a shortcode to place the form in which users fill in to ask for access their stored data on your site.

And you can set subject and body content for the mail which is sent to your users after they ask this right as well.

In Data Breach section, you can set email which will be sent to all users about the Data Breach.

In Data Rectification section, you also have the shortcode for your Data Rectification form. Copy and paste this into Data Rectification page for your users to ask for this right. You can also set subject and body for the email which will be sent to users about their rectified data.

In Integrations section, you can find some common integrations like AddThis, WooCommerce, Comments, etc.

In Privacy Settings Page, you can make some customizations for your Privacy Settings Page. Shortcode is available for you to put this wherever you want. You can add/edit the description for Cookies, FB Pixel, and Google Analytics here.

Last but not least, with EU Traffic feature, you can refuse EU countries or apply GDPR for EU countries only.

GDPR local-based display setting

Done!

Now you are not worried about GDPR anymore ;)

If  you have any question, please submit a ticket at Our Support Portal or feel free to chat with our support team at Our Official Facebook Page

How to Duplicate a Whole WordPress Site in 2020 (A Complete Step-by-Step Guide)

As an experienced WordPress user myself, I have come to realize that at some point in time as you get used to the WordPress system, there would come some circumstances where you have to duplicate a WordPress site to a new server. That helps spare yourself the hassle that comes with putting up a whole new website design from scratch.

Sure, that’s definitely not the only reason why anyone might want to duplicate a website. It could be in order to test new functions or maybe to move your site to another host. However, the most concerning thing in this whole process would be about how to easily execute the process without getting errors or getting stuck.

Follow this post attentively to learn how you could carry out this duplication process easily and in a hitch-free manner. You can refer to WP Tech Support Professionals or review the tool we would be using for this process – a WordPress plugin called “FastDup”. The plugin takes your WordPress website duplication process to a new level! It helps you easily accomplish a final result which would be a fully duplicated and functional WordPress website. That would be an exact replica of the original package.

FastDup is by far the simplest tool that makes it easy to duplicate a WordPress website. It is just the ideal answer for making new websites, creating test/staging websites, changing existing website servers or changing to a new host.

 

The 4 key reasons why you’d want to duplicate your website using FastDup?

  1. Moving the website to a new server/host: This is a way by which you take your website to a new server/host while you still have all settings exactly the way it was on the previous servers, FastDup will help you make a full website duplication including main directories and subdirectories.
  2. Creating test/staging websites: Test/staging websites are very essential for when you have to make some changes in codes or settings on your website but you do not wish to make changes directly to your live website, you can create this test environment and after adjusting suitably, you can easily update to the live website.
  3. Offering website design freelance service: This is also a very important reason why anyone would need FastDup to duplicate website, as there are some clients who would go through your portfolio and they just want to have an exact replica of one of your past website design project, it is very easy this way since you probably still manage the site or maybe you kept a copy yourself, just duplicate the site for your new client, fast and easy.
  4. Changing of domain name: Sometimes, business rebranding prompts for a change of website domain even though the website still maintains and wants to retain the same contents, duplicating your website from the old domain name to the new one is also very helpful in this case.

 

The 4 easy steps involved in duplicating a website using FastDup

This process would be fairly broken down into four steps. You need to take note that before you could duplicate a website successfully, you need to have a hosting. You don’t need to install WordPress, our duplication process will do both installations of WordPress for you whilst also duplicating websites.

Let’s jump into the steps:

1. Pack your site data and download to your computer

This is of course done with the help of FastDup plugin, so you would need to install this plugin first.

You need to install FastDup plugin to your main website, very easy (just like you would install any other plugin), activate it and then look for the tab in your WordPress Dashboard called “FastDup”. Click this tab and Create a new package, then you can customize a new package Template or pick any of FastDup’s default templates (which is just sufficient enough in a simple case) and then click on Run to have the plugin pack the whole website files and entire database for you. Then you just allow a few seconds to some minutes for the magic to be done.

Sometimes you might get some errors at this stage due to wrong server configuration. If this happens, just follow the error instruction and fix your server or get in touch with the plugin author to ask for support. The author usually responds within 24 hours for help in any case of errors you do not understand.

If it gives no error (usually the case as FastDup has been tested to work on minimally low server configurations), then it would build the package successfully and give you a Download button. This would allow you to download the Archive file (website packed file) in zip format to your computer. Clicking outside the built package interface will allow you to see the Installer file which you also need to download, as these two files will be needed in just some minutes time.

2. Set up a database for the duplicate website

First of all, we should understand that a WordPress based website saves its information in a Database, so it’s the reason why our duplication process also requires this step as a norm.

You need to contact your host providers to give you the guide on how to create a new Database. Basically (as in most cases), you need to login to CPANEL using the detail you received after purchase of your host plan. If for some reasons, you can’t find it, just get in touch with the host support and they would help, then click on MySQL to get started.

The next screen will then allow you to create a new Database by giving it a name, scroll down the page and add new user, still scroll down to find the last step here which is to add user to database by selecting the newly created Database and User. See the screenshots below:

 

 

3. Upload the two downloaded files to your new server

When you are done creating a new database, the next thing is to upload both the Archive file and Installer file to your new server using any possible options including File Manager via the CPANEL or FTP clients like FileZilla.

Get in touch with your new host support to request for the login credentials to any one of the above options. Once logged in, you need to upload both Installer and Archive files to the root directory of your new site. In the new server, it is usually called public_html or www .

 

4. Launch the installer and complete the duplication procedure

While you have your server running, you need to open a new tab in your web browser, type your duplicate site domain name, forward slash installer.php, for instance, https://ninjateam.org/installer.php, load this Url and continue clicking “Next” after the wizard screen comes up.

When you get to the Database detail screen, fill in your Database details created at “step 3” in the appropriate fields, select the package file, click on “Test Database” and if you get an error message “database test is unsuccessful”, then double check the Database username and password, but if you get the success message, click on “Next” to proceed.

On the next screen, check the box to “Auto delete installer files after login to secure site”, click “Admin Login” button and input Username and Password of the parent website. Don’t forget to change or adjust a few things in the new site like WordPress Admin Username and Password, website title and tagline in General settings.

Conclusion

There is a little feeling of weirdness whenever we think of duplicating a website. That’s because we think it’s a kind of tedious task. Actually, it’s nothing weird at all. By using FastDup plugin, you could get this process done nice and easy.

Summary

The four main steps involved in website duplication include:

1. Pack your site data and download to your computer

2. Set up a database for the duplicate website

3. Upload the two downloaded files to your new server

4. Launch the installer and complete the duplication procedure

Contact Form 7 Multi-Step Pro Documentation

Hello WordPress Users,

Here is the documentation of  Multi Step for Contact Form 7 Pro plugin.


Once Contact Form 7 Multi-Step Plugin activated, the Contact Forms dashboard has a new look. You can see additional separate tabs represent Step 1, Step 2, Step 3…

  1. Add a new step

  2. Show an answer from a previous step

  3. Preview the full form before submit it

  4. Animation options and button colour settings 

  5. Enable and set progress bar feature

  1. Add a new step

  • Click the plus icon to add a step (1)
  • Fill in Step name and Back, Next button titles (2) (3)
  • Add form fields (4)

Note: By default, in the last step, the submit button is located on the left side. To make it float to the right, please add a submit button like this:

<p style=”float:right”>
[submit “Submit”]
</p>

  1. Show an answer from a previous step

  • You can enter only one field name here (1)
  • Enter an ID or Class attribute for adding CSS rules later (optional) (2)

Note: If you use checkbox, please add”-cbmls” into checkbox name (e.g: checkbox-123-cbmls)  so that Njt Answer can recognize and display it.

  1. Preview the full form before submit it

  • Enter a title for the preview button (1)
  • Enter an ID or Class attribute for adding CSS rules later (optional) (2)
  1. Animation options and button colour settings

  • Back button background colour and title colour (1) (2)
  • Next button background colour and title colour (3) (4)
  • Toggle this ON if you want the form to scroll to top of the page when Next button is clicked (5)
  • Toggle this ON and select from the dropdown options if you want appearance animation for the Back and Next buttons (6)
  1. Enable progress bar feature

  • Toggle ON progress bar if you choose to have it shown (1)
  • Watch the form preview on the right side (2)
  • Set colour for the progress bar (3)
  • Choose your preferred style for the progress bar (4)
  • Choose progress bar arrangement style (5)
  • Activate or deactivate form progress percentage (6)
  • Set colour for the form progress percentage (7)
  • Tick this option if you want users to be able to click on each steps to see its contents without filling it first (8)
  • Save the form!

Your form is now done!

I hope you can easily find how to customize Contact form 7 multi step plugin after reading this tutorial.

In case you have any question or need support, please submit a ticket at Our Support Portal or feel free to chat with our support team at Our Official Facebook Page

Many thanks for coming with us!

Ninja Team