The best WordPress Preloader plugin. Create beautiful Preloaders and makes your visitors a delight to wait for your website to finish loading.

Aslam Khan Gouran

Gou PreLoader

Extension for WordPress to manage PreLoader on your website. Lightweight plugin and easy to customize and user friendly.

ashokmhrj

catchsquare

subedimadhu

WP Smart Preloader

A Plugin to add awesome collection of Loaders and Spinners. Delightful and performance-focused Pure CSS animations.

Aleksandr Zidyganov

VMV Preloader

The first modern preloader as animation handwriting text SVG! 11 variants of preloader.

Stergos Zamagias

Feataholic

<h4>WORDPRESS PRELOADER BUILDER PLUGIN</h4>
<p><a href="https://feataholic.com/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">MAZ Loader</a> helps you add different styles of Preloaders into your site to make your users stay a delight to wait for your site to load. You do not need a developer to set up your Preloaders as its been built with ease of use in mind using our easy to use, yet powerful, Builder.</p>
<p>MAZ Loader allows you to create Preloaders using a variety of Fields which give you endless possibilities on how to style your Preloaders in combination with animations as well as transitions.</p>
<p>MAZ Loader has been built with the customer in mind making it easy to use and beginner friendly for someone who needs to build a simple to a more Preloader to someone who likes customizability.</p>
<blockquote>
<p><strong>MAZ Loader Pro</strong></p>
<p>This plugin is the free version of the MAZ Loader Pro plugin that comes with more features giving you more fields and more control over your Preloaders.</p>
<p>Features:<br />
  * Progress Bar Field<br />
  * Percentage Counter Field<br />
  * Custom HTML Field<br />
  * Lottie Field<br />
  * Publishing Rules<br />
  * Device Control<br />
  * Animations<br />
  * Transitions<br />
  * JavaScript Events<br />
  * Custom Code section and more!</p>
<p><a href="https://feataholic.com/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">Click here to get started with the best WordPress Preloader plugin now!</a></p>
</blockquote>
<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/kKn29ly1R3s?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>
<p>MAZ Loader Builder consists of the following sections:</p>
<ul>
<li>Fields List</li>
<li>Fields Settings</li>
<li>Loader Appearance Settings</li>
<li>Loader Settings</li>
<li>Custom Code <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Publish Settings <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Loader Responsive Buttons</li>
<li><em>Run Loader</em> button</li>
</ul>
<p>Below we can find more information for each of the above sections.</p>
<h4>Fields List</h4>
<p>A Preloader consists of Fields which populate the Preloader’s content. The available fields are the following:</p>
<ul>
<li>Text Field</li>
<li>Image Field</li>
<li>Icon Field</li>
<li>Progress Bar Field <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Percentage Counter Field <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Circle Percentage Counter Field <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Custom HTML Field <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Lottie Field <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
</ul>
<p><strong>Upcoming Fields:</strong><br />
* Font Awesome Field</p>
<p>Read more on Fields on our documentationhere: <a href="https://www.feataholic.com/wordpress-plugins/maz-loader/documentation/fields/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">Fields Documentation</a>.</p>
<h4>Field Settings</h4>
<p>All the fields mentioned provide you with a variety of settings:</p>
<ul>
<li>Text</li>
<li>Font Size</li>
<li>Text Color</li>
<li>Background Color</li>
<li>Padding</li>
<li>Margin</li>
<li>Image Upload</li>
<li>Custom Image URL</li>
<li>Set the Width & Height of Images</li>
<li>Border Radius</li>
<li>Icons (Preloaders) from a list of SVG, GIFS and CSS</li>
<li>Animations <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Transitions <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Progress Bar Width <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Progress Bar Height <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Progress Bar Show/Hide Percentage <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Progress Bar Position <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Lottie Data Source (URL or JSON text) <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Custom HTML <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Custom CSS <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>Custom JavaScript <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a></li>
<li>More to come… !</li>
</ul>
<p>Read more regarding our upcoming features on our <a href="https://www.feataholic.com/wordpress-plugins/maz-loader/documentation/roadmap/maz-loader-roadmap/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">Changelog</a>.</p>
<p>Once you have added your Fields to your Preloader, you can change their order using Drag and Drop which makes it super easy to control your content without the need to delete a Field, lose your settings and then re-create it. Duplicating a Field is also supporting with the click of a button which creates the same Field and puts it on the bottom of your Preloader’s content.</p>
<p>Read our documentation on Preloaders here: <a href="https://www.feataholic.com/wordpress-plugins/maz-loader/documentation/loaders/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">Preloaders Documentation</a></p>
<h4>Loader Appearance Settings</h4>
<p>Your Preloader can be customized via the Appearance Tab  which contains settings such as:</p>
<ul>
<li>Background Color: Set any color for your Preloader’s background</li>
<li>Background Image: Set an image as your Preloader’s background</li>
<li>Background Image Type: Set how the background image will appear (pattern or cover)</li>
<li>Background Image Position: Set the background image position</li>
<li>Loader Content Position: A list of 9 different positions for on how your Preloader’s Content will appear</li>
<li>Side by Side Loader Items: Set your Preloader items to appear one next to another instead of one below another. This setting does not work with all Content Positions.</li>
<li><a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a> Display Close Button: Show a Close button on the top right of your Preloader allowing your visitors to close it before it finishes loading.</li>
<li><a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a> Display Transition: Display a unique transition to your Preloader from 20+ different and unique transitions. Set any color you desire to match the theme of your site.</li>
<li>Disable Page Scroll: While your Preloader is displaying you can disable the scroll bars on your page.</li>
</ul>
<h4>Loader Settings</h4>
<p>This section handles the times of your Preloader as well as whether to display your Preloader on the homepage (If set to appear site-wide).</p>
<ul>
<li>Minimum Loading Time: Set the minimum time your Preloader will display</li>
<li>Duration: Set the duration of your Preloader (Total duration consists of Minimum Loading Time + Duration)</li>
<li>Delay: Set how long after your page started loading your Preloader will appear.</li>
<li><a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a> Device Control: Set where your Preloader will appear, whether it be desktop, tablet or mobile only. Target different devices based on your needs.</li>
<li>
<p><a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a> Limit Impressions: Limit how many times a visitor can see the Preloader in a specific time period.</p>
</li>
<li>
<p>[FREE] Show on Homepage: If you have set your Preloader to appear site-wide, then you can set it to appear only on your Homepage.</p>
</li>
</ul>
<h4>Custom Code [PRO]</h4>
<p>This section allows you to add any CSS or JavaScript you desire and let it run alongside your Preloader. This helps you customize it even further using CSS to style it the way you desire or listen to our custom JavaScript Events and run your own logic.</p>
<h4>Publish Settings [PRO]</h4>
<p>Publish Settings help you set where your Preloader will appear by creating conditions that determine where your Preloaders will appear across your site based on filters such as your Homepage, Entire Site, Pages, Posts, Custom Post Types, Tags or Categories. This makes it easy to make your Preloaders appear on specific pages and not on all your site.</p>
<h4>Loader Responsive Buttons</h4>
<p>MAZ Loader provides you with 3 buttons to show how your Preloader will appear in different devices such as Desktop, Tablet and Mobile. While clicking on each one of the buttons, the Demo Browser in the Builder will resize to try and demonstrate your Preloader in different devices.</p>
<h4>Run Loader Button</h4>
<p>The Run Loader button allows you to run your Preloader and see how it will work in your site before enabling it. It will auto hide itself at start and then use the Minimum Loading Time, Duration and Delay to give your a live demonstration of how it would work on your site. After the Preloader ends, it will hide itself and appear again after a second to allow you to continue editing it.</p>
<h4>MAZ Loader Settings</h4>
<p>MAZ Loader Settings page allow you to set the following aspects of the plugin:</p>
<ul>
<li>Impressions: Enable/Disable Impressions. If you disable this setting then Impressions wont be tracked whenever a Preloader is viewed by your visitors.</li>
<li>Display the last published Preloader on all pages?: By enabling this, MAZ Loader will pick the last published Preloader and display it site-wide. If you disable this you can add as many Preloaders as you desire on different pages using the shortcode provided on each Preloader.</li>
<li>Keep data during update?: Keep this checkbox checked in order not to lose any data while disabling/uninstalling the plugin. If you uncheck this then in case you uninstall the plugin all the data will be removed.</li>
<li>License Key <a href="https://feataholic.com/wordpress-plugins/maz-loader/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">PRO</a>: Set your license key to automatically get updates for your Pro version.</li>
</ul>
<h4>Shortcodes</h4>
<p>MAZ Loader provides you with a shortcode that is unique to each Preloader. This shortcode can be viewed on the View Preloaders page and allows you to copy and paste it on a page, post, etc… and display unique Preloaders on different pages across your site.</p>
<h4>Gutenberg Block</h4>
<p>MAZ Loader comes pre-installed with a Gutenberg block. This block allows you to add a Preloader to your pages via the Gutenberg editor. It will overwrite any Publish Options set to the Preloader and work on the page you set it to.</p>
<h4>Analytics</h4>
<p>MAZ Loader provides you with Analytics by giving you information on your Preloader, Fields and Impressions. Here is a list of the provided Analytics:</p>
<ul>
<li>Total number of Loaders</li>
<li>How many Loaders are enabled at any time</li>
<li>How many Loaders have been seen from your visitors</li>
<li>How many fields do your Loaders contain</li>
<li>The total amount of Impressions on all your Loaders (enabled or not)</li>
<li>The average impressions per Loader</li>
<li>The Impressions that were recorded yesterday</li>
<li>The Impressions for today</li>
<li>A projection for the Impressions of the current month</li>
</ul>
<h4>Support</h4>
<p>You can contact us if you have any questions regarding MAZ Loader using our Support Form on our site, <a href="https://www.feataholic.com/contact/?utm_source=wprepo&utm_medium=link&utm_campaign=freeversion" rel="nofollow ugc">Contact Support</a>.</p>


Alternatives to MAZ Loader – Preloader Builder for WordPress

Top alternatives