Add preloader to your website easily, responsive and retina, full customization, compatible with all major browsers.

The Features

  • Fully Responsive.
  • Retina Ready.
  • Full Customization.
  • 10 Options to display Preloader (display it in the entire website or in posts only or in pages only, etc).
  • WooCommerce Support.
  • jQuery & CSS3.
  • Compatible with Google Chrome, FireFox, Opera, Safari, IE9, IE10, IE11, and with mobile devices like iPad, iPhone, Android, etc.
  • Easy to use.


Live Demo

You might like it

Rate The Plugin

More Plugins



  1. Upload ‘the-preloader’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Plugins menu > Preloader.
  4. Enter your background color code and your Preloader image link.
  5. Choose display Preloader, default is “In The Entire Website”.
  6. Open header.php file for your theme and insert Preloader HTML element after body tag.

Read explanation of use

You can change Preloader image width and height, buy Image Size Extension at a low price on PayPal.




August 7, 2019
Works as described, and it's free. The only criticism goes to unusable selection boxes. Still deserves 5 star.
November 14, 2018
This is a good preloader plugin but it includes functions that are disabled on the settings page. Specifically the preloader width and height. The input is there but it is disabled. It can be enabled by upgrading to the paid pro version. I think this runs afoul of the plugin guidelines of WordPress. Specifically #5: "Plugins may not contain functionality that is restricted or locked, only to be made available by payment or upgrade."
September 3, 2018
I thought getting a preloader was hard! This plugin makes it so easy! You just add a line of code to your header.php upload your favorit preloader gif and you're set!! 10/10
September 4, 2018
I tried other similar page loader and preloader plugins along side this one. There were glitches with the others, where this one just works. Just remember that if your theme updates, the new theme version might replace or update the header.php file so if that happens you'll have to go into the new header.php and re-enter the <div id="wptime-plugin-preloader"></div> into that new or updated header.php. Also, I found really good preloader images for free, and at reasonable cost with good features for creating and customizing some of my own at (I don't work for them or anything. I just liked the site and found it useful.)
Read all 29 reviews

Contributors & Developers

“Preloader” is open source software. The following people have contributed to this plugin.


Translate “Preloader” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  1. Fixing header.php file URL on the settings page.
  2. WooCommerce support (new option on the settings page).
  3. Improving Preloader speed in JavaScript.

You can change Preloader image width and height, buy Image Size Extension at a low price on PayPal.



  • < No Script > HTML tag added in < HEAD > to hide preloader if JavaScript is OFF in user browser.


  • Fixing preloader delay.
  • Note: please after plugin update go to Plugins menu > Preloader, and insert preloader html element after body tag in your header.php file for your theme, this is necessary.


  • Fixing moves script to body html tag, now all script in head html tag, please update now this is necessary.


  • Front Page Support.
  • 404 Error Page Support.


  • Conditional before JavaScript added.


  • Fixing big problem! Please update quickly.
  • New Settings! Now you can display preloader in home page only or in posts only, etc.
  • PHP Files Protection.
  • Uninstall file added.


  • Remove is_admin() function.


  • First version.