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.




八月 7, 2019
Works as described, and it's free. The only criticism goes to unusable selection boxes. Still deserves 5 star.
十一月 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."
九月 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
九月 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.)
閱讀全部 29 則使用者評論


Preloader 外掛為開源軟體。以下人員為這個外掛做出了重大貢獻。


將 Preloader 外掛本地化為台灣繁體中文版


任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 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.