XeroWP
Preloader
Preloader

Preloader

4.1/5 (41 ratings) 10K+ active installs Updated Nov 4, 2026
loadloaderloadingpreloadpreloader
Download v2.1 Plugin Website

Preloader shows a loading screen while your page loads, then fades it out once everything is ready. Pick a lightweight CSS template or use your own GIF or PNG image, choose where and for whom it appears, and you’re done.

Features

  1. Easy to use – set up your preloader in just 3 steps.
  2. Choose from a collection of free, lightweight templates built with HTML and CSS3.
  3. Customize the templates: background color, fill color, and scale, with a live preview.
  4. Or use your own GIF or PNG image, and customize its size and background color.
  5. Select where to show the preloader (entire site, blog page, posts, pages, categories, tags, author pages, WooCommerce pages, etc).
  6. Choose who sees the preloader: everyone, visitors only, or logged in users only.
  7. Works with any WordPress theme – no need to re-integrate after theme updates or changes.
  8. Compatible with all major browsers.
  9. Available in 7 languages: English, Arabic, German, Spanish, French, Japanese, and Portuguese.
  10. Lightweight and optimized for performance. Each template is no more than 2KB.
  11. Clear documentation and helpful FAQ section.

Preloader Premium

Want more? Preloader Premium turns your preloader into a smart loading screen:

  • 80+ templates, including Typing Effect (show a message or a coupon while the page loads) and Real Percentage (real loading progress).
  • Image animations for your GIF or PNG image: Spin, Swing, Flip, Pulse, Heartbeat, Bounce, Float, and Fade.
  • 7 fade effects: Fade Out, Slide Up, Slide Down, Zoom Out, Circle Reveal, Circle Expand, and Blur Out.
  • Delay Before Fade and Fade Speed: keep the preloader on screen as long as you want.
  • Cookie-based display: show the preloader once per visitor, then again after a set number of days. GDPR compliant.
  • Device targeting: mobile devices only, any device except mobile, iPhone, iPad, or Android.
  • Always or never show the preloader on specific content by their IDs.
  • Specific WooCommerce pages and custom post types.
  • Hide the preloader on a specific screen width.

Try Preloader Premium for free with one click. No sign-up, no download:
Try Premium Free

Get it now: Get Premium Version

Full tutorial, a complete walkthrough of Preloader Premium (How to Add a Preloader in WordPress | Loading Screens Plugin Tutorial):

Live Demo & Usage Guide

You May Also Like – From Our Plugins

Video Popup Plugin – Create unlimited, elegant, and responsive popups for YouTube, Vimeo, MP4 & WebM videos on click or On-Page Load:
https://wordpress.org/plugins/video-popup/

Extend Link Plugin – Link Options for WordPress Editor:
https://wordpress.org/plugins/extend-link/