LoftLoader Pro – Preloader Plugin for WordPress Review
Are you tired of watching your visitors wait for your website to load? Do you want to add a touch of personality to your website’s loading experience? Look no further than LoftLoader Pro, a powerful and feature-rich preloader plugin for WordPress. With its smooth page transition, customizable animations, and user-friendly interface, LoftLoader Pro is the perfect solution for anyone looking to enhance their website’s loading experience.
Feature Preview – Smooth Page Transition (Check Demo)
The demo speaks for itself. LoftLoader Pro’s smooth page transition feature is a game-changer, making your website’s loading experience seamless and enjoyable. Whether you’re loading a simple page or a complex webpage, LoftLoader Pro’s preloader ensures that your visitors are treated to a smooth and distraction-free experience.
New Demos
LoftLoader Pro has recently added several new demos to its arsenal, including:
- New loader animation, new ending animation
- Display progress bar with counting number, and random message displayed each time the page is loading
- Background Image – Repeating Pattern
- Full Background Image
These new demos showcase the plugin’s ability to adapt to different styles and designs, making it easy to customize your preloader to fit your brand’s unique identity.
Main Features
LoftLoader Pro’s main features include:
- Unlimited colors to fit your brand
- Stay sharp, high-quality, and super fast, built with pure CSS3 animations
- Upload and animate custom images, with loading, rotating, bouncing, and rolling options
- Beautiful on any devices, with easy-to-edit and live preview settings
- Flexible and controllable, with loader animation, progress bar, or counting percentage options
Display
LoftLoader Pro’s display options include:
- Turn on or off preloader
- Choose to show on global site, all pages, or homepage only
- Display on specific pages or posts
- Choose to hide loader for selected types or post types
- Manually exclude selected pages or posts
Loader
LoftLoader Pro’s loader options include:
- Display or hide the loader
- 19 animations to choose from
- 6 support custom images
- Choose any color
- Animation loops forever or just once (ends after page has loaded)
- Use custom HTML as the loader
Background
LoftLoader Pro’s background options include:
- Solid or transparent
- Unlimited background color
- 13 transition effects when ending
- Opacity control
- Gradient background color
- Background Image: Repeating pattern or full image
- New feature: choose to upload separate background image for mobile devices
Progress
LoftLoader Pro’s progress options include:
- Show or hide progress indicator
- Choose progress bar, counting percentage, or both
- Set position (top, middle, bottom, or below the loader)
- Choose any color
- Adjust width and height of progress bar
- Choose one from Google fonts, change font size, weight, and letter spacing for percentage
Custom Welcome Message
LoftLoader Pro’s custom welcome message options include:
- Display custom welcome/loading message
- Change font size of text
- Choose any color for text
- Set position (top, bottom, or before the progress indicator)
- Google font, font weight, and letter spacing settings
- Random Message – Check the example (new feature)
Load Time
LoftLoader Pro’s load time options include:
- Set minimum load time to prevent pre-loader from disappearing too fast
- Set maximum load time to force pre-loader to disappear after x seconds (new feature)
Devices Control
LoftLoader Pro’s devices control options include:
- Choose to show the loading screen on all devices
- Hide the loading screen on mobile devices
- Show the loading screen on mobile devices only
Rating
LoftLoader Pro has a rating of 4.97 out of 5 stars, making it a highly recommended plugin for anyone looking to enhance their website’s loading experience.
Conclusion
LoftLoader Pro is a powerful and feature-rich preloader plugin for WordPress that offers a wide range of customization options and a seamless loading experience. With its smooth page transition, customizable animations, and user-friendly interface, LoftLoader Pro is the perfect solution for anyone looking to enhance their website’s loading experience.
User Reviews
Be the first to review “LoftLoader Pro – Preloader Plugin for WordPress”
Introduction to LoftLoader Pro - Preloader Plugin for WordPress
Are you tired of slow-loading websites that negatively impact user experience and conversion rates? Do you want to keep your visitors engaged and interested in your content while it loads? Look no further than LoftLoader Pro, a powerful and customizable preloader plugin for WordPress. In this tutorial, we'll guide you through the process of installing, configuring, and customizing LoftLoader Pro to enhance the loading experience of your WordPress website.
What is LoftLoader Pro?
LoftLoader Pro is a WordPress plugin that creates a visually appealing preloader animation that plays while your website is loading. This plugin is designed to improve user experience by providing a clear indication that your website is loading and to reduce the perceived waiting time. LoftLoader Pro offers a range of customizable options, including animation styles, colors, and customization of the preloader text.
Getting Started with LoftLoader Pro
Before we dive into the tutorial, make sure you have the following:
- A WordPress website with the latest version of WordPress installed
- A web hosting service that supports PHP and MySQL
- A basic understanding of WordPress and its dashboard
Step 1: Installing LoftLoader Pro
To install LoftLoader Pro, follow these steps:
- Log in to your WordPress dashboard and navigate to the Plugins page
- Click on the "Add New" button and search for "LoftLoader Pro"
- Click on the "Install Now" button to begin the installation process
- Wait for the plugin to install and then click on the "Activate" button
Step 2: Configuring LoftLoader Pro
After installing and activating LoftLoader Pro, you'll need to configure the plugin to your liking. To do this, follow these steps:
- Navigate to the LoftLoader Pro settings page by clicking on the "LoftLoader Pro" link in the WordPress dashboard sidebar
- On the settings page, you'll see a range of options to customize the preloader animation. Let's start with the basics:
- Preloader Style: Choose from a range of preloader styles, including animated GIFs, CSS animations, and custom HTML.
- Preloader Text: Customize the text that appears in the preloader animation. You can choose from a range of pre-built options or add your own custom text.
- Preloader Color: Change the color of the preloader animation to match your website's branding.
- Preloader Speed: Adjust the speed of the preloader animation to match your website's loading speed.
- Click on the "Save Changes" button to save your configurations
Step 3: Customizing LoftLoader Pro
Now that you've configured the basic settings, let's dive into some advanced customization options. To customize LoftLoader Pro, follow these steps:
- Navigate to the LoftLoader Pro settings page and click on the "Advanced" tab
- In the Advanced tab, you'll see a range of options to customize the preloader animation further:
- Animation Delay: Adjust the delay between animation cycles
- Animation Loop: Choose whether the animation loops indefinitely or stops after a certain number of cycles
- Preloader Size: Adjust the size of the preloader animation
- Preloader Position: Choose whether the preloader animation appears at the top, bottom, left, or right of the page
- Click on the "Save Changes" button to save your customizations
Step 4: Adding LoftLoader Pro to Your Website
Now that you've customized LoftLoader Pro, it's time to add it to your website. To do this, follow these steps:
- Navigate to the LoftLoader Pro settings page and click on the "Add to Page" button
- Choose the page or post where you want to add the preloader animation
- Click on the "Add" button to add the preloader animation to your page or post
Conclusion
And that's it! With these simple steps, you've successfully installed, configured, and customized LoftLoader Pro to enhance the loading experience of your WordPress website. Remember to experiment with different preloader styles, colors, and customization options to find the perfect fit for your website. By following this tutorial, you'll be able to improve user experience, reduce bounce rates, and increase engagement on your website. Happy loading!
Main Settings
To configure the main settings of LoftLoader Pro, go to your WordPress dashboard, navigate to Settings > LoftLoader Pro and follow these steps:
- Preloader Layout: Choose the preloader layout from the dropdown list, options include " Default", "Circular", "Cube", "Heart" and "Dots". The default layout is a circle.
- Preloader Color: Select a preloader color from the color picker or enter a custom color code in hexadecimal format.
- Fade Duration: Set the fade duration in milliseconds. A shorter duration will make the preloader fade in/out faster.
- Hide on Mobile: Enable this option to hide the preloader on mobile devices.
- Preloader Button: Enable this option to show a preloader button that allows users to interrupt the preloading process and start the page loading.
- Button Text: Enter the text to display on the preloader button.
- Button Style: Choose the button style from the dropdown list, options include "Default" and "Outline".
Performance Settings
To fine-tune the performance of LoftLoader Pro, follow these steps:
- Image Loading: Enable or disable image loading. When enabled, LoftLoader Pro will load images before the content.
- Script Loading: Enable or disable script loading. When enabled, LoftLoader Pro will load scripts before the content.
- Lazy Loading: Enable or disable lazy loading. When enabled, LoftLoader Pro will load the content as the user scrolls.
- Max Memory Usage: Set the maximum memory usage in megabytes.
- Max Idle Time: Set the maximum idle time in seconds. If the page is idle for this amount of time, LoftLoader Pro will reload the content.
Animation Settings
To configure the animation settings of LoftLoader Pro, follow these steps:
- Spin Duration: Set the spin duration in milliseconds. This duration will determine how long the preloader will spin before the content is loaded.
- Fade Direction: Choose the fade direction from the dropdown list, options include "In", "Out", and "Both".
- Bounce Effect: Enable or disable the bounce effect that occurs when the preloader loads.
- Reverse Effect: Enable or disable the reverse effect that occurs when the preloader reloads.
Customize
To customize the design of LoftLoader Pro, follow these steps:
- Preloader Background Image: Upload a custom preloader background image.
- Preloader Background Color: Select a custom preloader background color from the color picker or enter a custom color code in hexadecimal format.
- Border Radius: Set the border radius of the preloader.
- Box Shadow: Enable or disable the box shadow effect on the preloader.
- Animation Delay: Set the animation delay in milliseconds.
Advanced
To fine-tune the advanced settings of LoftLoader Pro, follow these steps:
- Disable on Specific Pages: Enter the page ID or slug to disable the preloader on specific pages.
- Disable on Specific Posts: Enter the post ID or slug to disable the preloader on specific posts.
- Custom JavaScript: Enter a custom JavaScript code to modify the preloader behavior.
Here are the features of LoftLoader Pro - Preloader Plugin for WordPress:
New Demos
- New feature: New loader animation, new ending animation.
- New feature: New loader animation, new ending animation, and display progress bar with counting number. And, a Random Message is displayed each time the page is loading.
- New feature: Background Image – Repeating Pattern.
- New feature: Full Background Image.
Main Features
- Unlimited colors to fit your brand.
- Stay sharp, high quality, and super fast. Built with pure CSS3 animations.
- Upload and animate custom images. Loading, rotating, bouncing, and rolling. Make every bit of your site enjoyable and memorable.
- Beautiful on any devices.
- Easy to edit and live preview. With enhanced and elegant setting panel.
- Flexible and controllable. Loader animation, progress bar, or counting percentage, choose any one, or mix.
- Add more user-friendly effects, and impress your visitors from the first sight.
Display
- Turn on or off preloader.
- Choose to show on global site, or all pages.
- Display on homepage only.
- Show it to visitors once per session.
- Choose to hide loader for selected types: products, portfolios, etc.
- Choose to only show loader for selected post types: products, portfolios, etc.
- Handpick, turn it on for specific pages or posts.
- Manually exclude selected pages/posts (for “Sitewide” and “All Pages”)
Loader
- Display or hide the loader.
- 19 animations to choose.
- 6 support custom images.
- Choose any color.
- Animation loops forever, or just once (ends after page has loaded).
- Use custom HTML as the loader (new feature added in v2.2.2)
Background
- Solid or transparent.
- Unlimited background color.
- 13 transition effects when ending: fade, split horizontally/vertically, slide to left, slide to right, slide up, slide down, shrink & fade, split & reveal vertically, split & reveal horizontally, or split diagonally (please see more information about split diagonally animations).
- Opacity control. Lower the opacity to let visitors see through.
- Gradient background color.
- Background Image: Repeating pattern, or a full image.
- When using background image, users can choose to upload a separate background image for mobile devices (new feature added in version 2.2).
Progress
- Show or hide progress indicator.
- Choose progress bar, counting percentage, or both.
- Set position. Top, middle, bottom, or below the loader.
- Choose any color for it.
- Adjust width and height of progress bar.
- Choose one from Google fonts, change font size, weight, and letter spacing for percentage.
- Put percentage behind animation, create unique design.
Custom Welcome Message
- Display custom welcome/loading message.
- Change font size of text.
- Choose any color for text.
- Set position. Top, bottom, or before the progress indicator.
- Google font, font weight, and letter spacing settings.
- Random Message – Check the example (new feature).
Load Time
- Set Minimum load time, so prevent the pre-loader from disappearing too fast.
- Set Maximum load time to force the pre-loader to disappear after x seconds (new feature added in v2.2).
Devices Control
- Choose to show the loading screen:
- On all devices.
- Or hide on mobile.
- Or show on mobile only.
Smooth Page Transition (new feature)
- One click to enable/disable Smooth Page Transition. The loading screen background will appear when leaves a page. Check the demo for this feature.
- With the "Additional Display Option" of this feature, the loading screen can be displayed only when leaving the current page (after clicking an internal link).
Different loaders on different pages (new feature)
- Enable Any Page Extension in the new Advanced section, then you can export loader shortcodes and add it to any page, so display different loaders on different pages.
Note: Some of these features may have been added or updated in newer versions of the plugin, but this list reflects the features mentioned in the original content.
Related Products
$26.00
There are no reviews yet.