An easy to use plugin to add an animated preloader to your website with fully customisations.

loftocean

<p>Small and powerful. LoftLoader helps you to add a beautiful animated preloader to your website, and have full control of its look, without writing any code.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/zxiF5hHU1kc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Features & Options</h4>
<ul>
<li>Enhanced settings panel with WordPress Customizer.</li>
<li>Pure CSS3 animations for better performance. Works in any modern browser. </li>
<li>Use JavaScript to detect if the page is fully loaded.</li>
<li>5 ending animation effects.</li>
<li>7 loading animation effects. 2 of them support custom image.</li>
<li>Unlimited background color. Also can change the opacity.</li>
<li>Unlimited loader color.</li>
<li>Can add different loaders for different pages on one site (New feature since v2.0. Only works for “Pages”.).</li>
<li>Responsive & retina ready.</li>
<li>Option to enable/disable the preloader.</li>
<li>Option to enable preloader on site homepage only.</li>
<li>Close button to quit the loading screen. Users can set when to show the close button (range: 5 to 20 seconds), and customize the close button text.</li>
<li>Ready for translation (.pot file included).</li>
<li>Light weight, fast. Coded with SASS. CSS & JS minified.</li>
</ul>
<h4>Online Documentation</h4>
<p>To know how to use the plugin, please click the link to check <a href="http://loftocean.com/doc/loftloader/" rel="nofollow ugc">online documentation</a>. It’s the documentation of Pro version. But you can still find Lite version features details in it.</p>
<h4>How to contact us</h4>
<p>If you have any questions or encounter a problem while using LoftLoader, please <a href="https://wordpress.org/support/plugin/loftloader" rel="ugc">create a topic in the support forum</a>. If you contact us via email, please indicate that your question corresponds to LoftLoader Lite.</p>
<h4>To speed along the support request, please follow the steps below</h4>
<ul>
<li>Update to the latest versions of your WordPress, themes and plugins.</li>
<li>Check <a href="http://loftocean.com/doc/loftloader/" rel="nofollow ugc">online documentation</a> and <a href="https://wordpress.org/plugins/loftloader/#faq" rel="ugc">FAQ</a> first.</li>
<li>Test by <a href="https://wordpress.org/support/topic/how-to-check-for-conflicts/" rel="ugc">following this guide</a> to check if it is a conflict with other plugins or themes.</li>
<li>If you still cannot find a solution, please contact us.</li>
<li>When submit your support request, please <a href="https://wordpress.org/support/topic/please-read-before-posting-63/" rel="ugc">follow the guide</a>.</li>
</ul>
<h4>Pro Version</h4>
<p>LoftLoader Pro is available. <a href="https://codecanyon.net/item/loftloader-pro-preloader-plugin-for-wordpress/17339671?ref=LoftOcean" rel="nofollow ugc">Upgrade to pro version</a> and get more stunning features!</p>
<ul>
<li>Handpick – Turn the preloader on for specific pages or posts.</li>
<li>Hide the preloader for picked post types – products, portfolios, etc.</li>
<li>Option to display the preloader once per visitor session.</li>
<li>Support gradient background color, full background image, and repeating background pattern.</li>
<li>More ending animations.</li>
<li>Loader – 19 types of animations to choose. 6 of them support custom images.</li>
<li>Looping – Animation can be set to loop forever, and some animations can be set to run just once (ends after page has loaded).</li>
<li>Progress – Progress bar, counting percentage, or both. Any color. Position, size & font control.</li>
<li>Message – Enter your custom welcome or loading message to display. Control color, position & font. And supports Random Message feature.</li>
<li>Load Time – Set a minimum load time to prevent the pre-loader from disappearing too fast.</li>
<li>Device Control – Choose to show the loading screen on all devices, or hide on mobile, or show on mobile only.</li>
<li>Option to enable smooth page transition effect. <a href="http://demo.loftocean.com/loftloader-transition/" rel="nofollow ugc">Check the example</a>.</li>
<li>Choose to save customize styles as inline styles in <head> or as an external .css file.</li>
<li>Option to disable page scrolling while loading.</li>
<li>Can add different loaders for different Pages, Posts and custom post types (such as portfolios, products, etc.) on one site.</li>
<li>Users can choose which elements to detect during the loading process (All elements / Images / Videos / Images & Videos).</li>
<li>Purchase once, free lifetime update with new features.</li>
</ul>
<p>Check some <a href="http://www.loftocean.com/loftloader/example-13/" rel="nofollow ugc">examples</a> created by pro version.</p>
<p><strong>Please note</strong>: Although you may find that LoftLoader Lite (the free version) can run on older versions of WordPress (below v4.7), <strong>LoftLoader Pro only supports WordPress v4.7 or higher</strong>. Because the Pro version has more features than the Lite version, including some new features introduced after WordPress 4.7. We always recommend using the latest versions of WordPress to ensure compatibility with your theme and other plugins.</p>


Alternatives to LoftLoader

Top alternatives