New feature!: Smooth page transitions (customizable)

Overview

PageLoader is a wildly customizable loading screen and progress bar plugin for WordPress. Add it to your theme as a simple preloader or make use of it as a full-blown branding tool; the incredibly easy to use customization tools allow for both. PageLoader is a fantastically lightweight and unobtrusive preloader that makes an instant impression on your visitors.

  • Add to any theme
  • Customize with real-time previews
  • WordPress Multisite compatible
  • Thoroughly tried and tested on different devices, browsers and operating systems
  • Actively developed
  • Lifetime free updates
  • Proven developer with customer-praised support

Features and functionality

Loading icon
  • Choose from 10 included animated icons
  • Position icon anywhere on the screen
  • Freely change icon animation speed, size and colors
  • Add blur and fade effects
  • Optionally hide icon entirely
Loading image
  • Upload image or enter image URL
  • Position image anywhere on the screen
  • Add pulsating animation and control animation speed
  • Add blur and fade effects
Background
  • Fade or slide animations (control direction, scaling, animation speed)
  • Optionally enable smooth page transitions (the loading screen appears the moment a link is clicked)

    • Set up any combination of appearance/disappearance animations. For example:

    • the loading screen fades into view but slides to the bottom of the screen out of view

    • the loading screen slides in from the left and slides out to the right

    • etc.

    • Optionally disable website content animation for preload

  • Customize background color
  • Add secondary background color for fade animation (speed control included)
  • Use secondary background color for background gradient (can be animated, animation speed customizable)
  • Customize background color transparency for see-through effect
  • Upload background image (set as pattern or full size)
  • Customize background image transparency for see-through effect
Progress bar
  • Place anywhere on the screen
  • Customize bar width, thickness, roundness
  • Optionally display full screen
  • Customize bar and bar background colors (gradient option also available)
  • Optionally disable on touch devices
  • Optionally disable all other elements and display the progress bar only
  • Optionally disable progress bar altogether
Loading messages
  • Position anywhere on the screen
  • Enter up to 5 loading texts, to be shown at random on each page load
  • Customize loading text color
  • Customize font size
  • Use theme font
Close function safeguard
  • If loading takes too long, a helpful message with a close function appears. This comes handy if something prevents a page from finishing loading (unresponsive embedded content from a third-party, for example).
  • Set custom appearance timing
  • Enter custom text
  • Customize text and background colors
  • Customize button corner roundness
  • Use theme font
Post-load website content animation
  • Target entire site body or specific elements only (a blog post’s title and content, for example)
  • Customize animation speed
  • Customize slide-in animation direction and distance
  • Customize scaling animation
  • Customize opacity of element(s) the animation is applied to
Other options
  • Display anything you’d like on the loading screen through the included unstyled widget location
  • Display only once per browser session
  • Set custom delay for loading screen disappearance
  • Disable loader on specific posts/pages
  • Show loading screen on touch devices only
  • Show loader on homepage only (great for welcome screen behavior)

Important note on Version 4

The launch of version 4 is a notable update to PageLoader with numerous elements changed and added. When upgrading to version 4 from an earlier version, please take into consideration that you will most likely need to re-enter some of your settings. This is an unfortunate side effect of the changes and optimizations included in the re-build. This was done with our eyes on the future however, so please do look forward to PageLoader’s continued evolution; as always, any and all updates will be 100% free to existing customers.

Changelog

Version 4.4
- PageLoader now supports smooth page transitions (see updated examples #1 and #2 on the demo site, feature can be enabled in the 'Background' settings section)
-- create any start/end animation combination
-- optionally disable website content animation for pre-load
- Added content overlay color option (allows for color and opacity customization)

Version 4.3
- Added options to customize close function button background colors and corner roundness (view example #2 on demo site)

Quick update (no version change)
- Some JS script and translation string updates

Version 4.2
- Added additional slots for loading messages

Version 4.1
- Added animated gradient background color setting (view example #3 on demo site)

Version 4.0
- Replaced all 10 default icons with new ones (instead of simply rotating, each icon now has a unique animation of their own, the speed of which can be customized alongside the icons' colors and size)
- Separated loading icon and image settings. When image is used, it no longer overrides the icon. In short, it is now possible to display the loading icon and image simultaneously, individually, or not at all. One can be positioned and fully set up independently from the other.
-...