First release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3686958,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3686958,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3686958,"resolution":"1","location":"assets","locale":"","width":1668,"height":943},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3686958,"resolution":"2","location":"assets","locale":"","width":1662,"height":946},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3686958,"resolution":"3","location":"assets","locale":"","width":1668,"height":943},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3686958,"resolution":"4","location":"assets","locale":"","width":1666,"height":944}},"screenshots":{"1":"The template picker, showing the free loader templates with live previews.","2":"Style and colour settings, with a live preview of the loading screen.","3":"Text and progress bar settings, including the percentage counter.","4":"Animation and timing settings.","5":"Display rules and the failsafe timeout."}},"plugin_section":[],"plugin_tags":[154083,32564,791,9351,9622],"plugin_category":[],"plugin_contributors":[279738],"plugin_business_model":[],"class_list":["post-363981","plugin","type-plugin","status-publish","hentry","plugin_tags-loading-screen","plugin_tags-page-loader","plugin_tags-preloader","plugin_tags-progress-bar","plugin_tags-spinner","plugin_contributors-plugsbe","plugin_committers-plugsbe"],"banners":{"banner":"https:\/\/ps.w.org\/waito-animated-preloader-and-loading-screen\/assets\/banner-772x250.png?rev=3686958","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/waito-animated-preloader-and-loading-screen\/assets\/icon-128x128.gif?rev=3686958","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/waito-animated-preloader-and-loading-screen\/assets\/screenshot-1.png?rev=3686958","caption":"The template picker, showing the free loader templates with live previews."},{"src":"https:\/\/ps.w.org\/waito-animated-preloader-and-loading-screen\/assets\/screenshot-2.png?rev=3686958","caption":"Style and colour settings, with a live preview of the loading screen."},{"src":"https:\/\/ps.w.org\/waito-animated-preloader-and-loading-screen\/assets\/screenshot-3.png?rev=3686958","caption":"Text and progress bar settings, including the percentage counter."},{"src":"https:\/\/ps.w.org\/waito-animated-preloader-and-loading-screen\/assets\/screenshot-4.png?rev=3686958","caption":"Animation and timing settings."}],"raw_content":"\n
A preloader is an animated loading screen that covers a web page while it\nfinishes loading, then disappears on its own once the page is ready.<\/strong> It hides\nthe half-drawn layout, shifting images and jumping text that visitors would\notherwise watch assemble itself, and replaces all of that with one clean\nanimation.<\/p>\n\n Waito Animated Preloader adds a preloader to any WordPress site from a settings\nscreen. There is no shortcode to place, no template file to edit, no page\nbuilder needed, and no code to write at any point.<\/p>\n\n The free version ships 41 working loader templates<\/strong>: 30 animated spinners,\n5 text loaders, 5 text-with-progress-bar loaders, and a logo loader that uses\nyour own image. Every single one of them is real CSS running on your site.\nNothing in that list is a locked preview or a teaser for the paid version.<\/p>\n\n A page load is the first thing a visitor experiences, and an unstyled one looks\nbroken even when nothing is wrong. A preloader covers that moment. In practice\nsite owners use it for three things:<\/p>\n\n Each template card in the admin animates as a live preview, so what you see\nwhile choosing is exactly what your visitors get.<\/p>\n\n The loading screen is drawn over the whole page, so it does not care how the\npage underneath was built. It works with classic themes and block themes, and\nwith Elementor, Divi, Beaver Builder, Bricks, WPBakery and WooCommerce alike.\nIt also works alongside the popular starter themes \u2014 Astra, GeneratePress,\nKadence, Blocksy, OceanWP and the default Twenty Twenty themes.<\/p>\n\n The loading screen is marked so that screen readers skip past it rather than\nannouncing it, and visitors who have turned on the reduced-motion setting in\nWindows, macOS, iOS or Android are shown a still loader instead of an animated\none. That behaviour is on by default rather than something you have to find.<\/p>\n\n The free plugin is complete on its own and always will be. Pro is for people\nwho want the loading screen to be part of the design rather than a neutral\ncover.<\/p>\n\n Free, and not limited in any way:<\/p>\n\n Added by Pro:<\/p>\n\n This plugin uses Freemius to handle the optional opt-in and to handle licences\nfor the paid version.<\/p>\n\n Freemius is contacted in these situations:<\/p>\n\n When you activate the plugin you are asked whether to opt in. If you accept,\nyour site URL, WordPress and PHP versions, active theme and plugin list, and\nyour administrator name and email address are sent to Freemius, so the\nplugin can be supported and you can be told about updates. You may skip\nthis, and the plugin then sends nothing. The plugin is fully functional\neither way.<\/p><\/li>\n When you open the pricing screen, a request is made to Freemius to fetch the\ncurrent plans and prices. Your site URL is included.<\/p><\/li>\n If you buy a licence, the checkout is served by Freemius inside your\ndashboard. Payment details are handled entirely by Freemius and never reach\nthis plugin or your site.<\/p><\/li>\n While a licence is active, Freemius is contacted periodically to check it.<\/p><\/li>\n<\/ol>\n\n Nothing is ever sent about the visitors of your site.<\/p>\n\n This service is provided by Freemius, Inc.\nTerms of Service: https:\/\/freemius.com\/terms\/\nPrivacy Policy: https:\/\/freemius.com\/privacy\/<\/p>\n\n\n To install manually, upload the plugin folder to A preloader is an animated loading screen shown over a web page while the page\nand its images finish loading. It hides the half-drawn layout that visitors\nwould otherwise see, and it disappears on its own once the page is ready. It is\nalso called a page loader, a loading animation or a splash screen.<\/p><\/dd>\n No. This plugin's overlay is CSS plus a few kilobytes of plain JavaScript, and\nit loads no external files. It does not change how fast your page loads; it\nchanges what visitors look at while it does.<\/p>\n\n The one setting that can add real waiting time is the minimum display time.\nKeep it low, or at zero, if raw speed matters more to you than the effect.<\/p><\/dd>\n No. Everything is set from the plugin's own settings screens. There is no\nshortcode to place, no CSS to paste and no template file to edit.<\/p><\/dd>\n Yes. The loading screen is drawn over the whole page, so it works with classic\nthemes, block themes, Elementor, Divi, Beaver Builder, Bricks, WPBakery and\nWooCommerce alike.<\/p><\/dd>\n No. The front-end script is plain JavaScript with no dependencies, roughly\n8 KB.<\/p><\/dd>\n 41, and all of them work. That is 30 animated loaders, 5 text loaders, 5 text\nloaders with a progress bar, and a logo loader for your own image.<\/p><\/dd>\n Yes, in the free version. Choose the image loader type and pick any image from\nyour media library, including a retina version for high-density screens. Set\nits width, and the loading screen shows your logo instead of an animated\nloader.<\/p><\/dd>\n Yes, both, in the free version. Turn on the progress bar and the percentage\ncounter on the Text & progress screen. You can also have the percentage follow\nreal page load progress rather than a simulated count.<\/p><\/dd>\n Not in the free version \u2014 the free loading screen is drawn on white. You can\nstill set the colour of the loader animation, the loading text and the\npercentage counter. Background colours, gradients and overlay opacity are Pro\nfeatures.<\/p><\/dd>\n The failsafe timeout on the Advanced screen always hides it, so it can never\ntrap a visitor. If you are hitting that timeout often, switch the trigger from\n\"Window load\" to \"DOM ready\" on the same screen. \"Window load\" waits for every\nimage on the page, and a single slow image can hold it up.<\/p><\/dd>\n \"Hide for logged-in administrators\" on the Display rules screen is on by\ndefault, so the preloader does not interrupt you while you edit. Open your site\nin a private browser window, or turn that setting off while you are working on\nit.<\/p><\/dd>\n The free version runs the preloader on every front-end page. Homepage-only,\nper-post-type and URL exclusion rules are Pro features.<\/p><\/dd>\n That is a Pro feature. Pro can skip the preloader entirely below 768 px, or\nshow a different, simpler template there.<\/p><\/dd>\n The loading screen is marked so screen readers skip it, and visitors who have\nasked their operating system to reduce motion get a still loader instead of an\nanimated one. That setting is on by default.<\/p><\/dd>\n Yes. There is a caching compatibility mode on the Advanced screen for hosts and\nplugins that serve very aggressive page caches.<\/p><\/dd>\n Yes. Export every option as a JSON file from the Advanced screen, then paste it\ninto the import box on the other site and save.<\/p><\/dd>\n The preloader itself does not \u2014 no visitor data ever leaves your site. The\nplugin does use Freemius for an optional opt-in and for licence handling. See\nthe External Services section below for exactly what is sent and when. You can\nskip the opt-in, and the plugin is fully functional either way.<\/p><\/dd>\n\n<\/dl>\n\n\nWhat a loading screen actually does for your site<\/h4>\n\n
\n
Everything in the free version<\/h4>\n\n
\n
What is inside the 41 free templates<\/h4>\n\n
\n
A lightweight loading screen, not a framework<\/h4>\n\n
\n
Works with your theme and page builder<\/h4>\n\n
Accessibility<\/h4>\n\n
Waito Preloader Pro<\/h4>\n\n
\n
\/checkout\/*<\/code>, so the\npreloader stays away from carts and account pages.<\/li>\nFree and Pro at a glance<\/h4>\n\n
\n
\n
External Services<\/h3>\n\n
\n
\n
\/wp-content\/plugins\/<\/code> and\nactivate it from the Plugins<\/strong> screen.<\/p>\n\n\n\n
What is a preloader in WordPress?<\/h3><\/dt>\n
Does a preloader slow my website down?<\/h3><\/dt>\n
Do I need to know how to code?<\/h3><\/dt>\n
Does it work with my theme or page builder?<\/h3><\/dt>\n
Does it use jQuery?<\/h3><\/dt>\n
How many preloader templates are in the free version?<\/h3><\/dt>\n
Can I use my own logo as the preloader?<\/h3><\/dt>\n
Can I show a loading percentage or progress bar?<\/h3><\/dt>\n
Can I change the background colour of the loading screen?<\/h3><\/dt>\n
The preloader never disappears. What do I do?<\/h3><\/dt>\n
Why can I not see the preloader on my own site?<\/h3><\/dt>\n
Can I show the preloader only on the homepage, or only on some pages?<\/h3><\/dt>\n
Can I hide the preloader on mobile?<\/h3><\/dt>\n
Is it accessible?<\/h3><\/dt>\n
Will it work with my caching plugin?<\/h3><\/dt>\n
Can I move my settings to another site?<\/h3><\/dt>\n
Does the plugin contact any external service?<\/h3><\/dt>\n
1.0.0<\/h4>\n\n
\n