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.



You might like it

Rate The Plugin

More Plugins



  1. Upload ‘the-preloader’ folder to the ‘/wp-content/plugins/’ directory.
  2. Активируйте плагин на странице «Плагины» в панели управления 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." https://developer.wordpress.org/plugins/wordpress-org/detailed-plugin-guidelines/
Сентябрь 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 https://loading.io (I don't work for them or anything. I just liked the site and found it useful.)
Посмотреть все 29 отзывов

Участники и разработчики

«Прелоадер» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:


Перевести «Прелоадер» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте 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.


  • Первая версия.