Load More / Infinite Scroll Widget for Elementor
The Load More / Infinite Scroll widget allows users to keep scrolling a page without reaching its “end,” providing a seamless browsing experience on your Elementor website.
Introduction
Add a load more more button to your post widgets or Woocommerce widgets with just a couple of clicks. This widget is AJAX based and optimized for the best performance on your Elementor wesite.
Highlighted Features
Customize Colors & Layout Settings
Style your Load More / Infinite Scroll widget just the way you want. Modify the colors to match your site’s look and feel and customize the layout to suite the user experience you are aiming for.
Customize Styling for Loading Animation
We included many types of loading animation that are fully customizable in the style settings. Didn’t find what you are looking for? You can upload a custom loading image.
Compatible Widgets
The Load More / Infinite Scroll widget is compatible with the widgets listed below from the Unlimited Elements widget library
Step by Step Tutorial
Learn How It Works?
Learn how to use the Load More / Infinite Scroll Widget with this video tutorial. Master each step at your own pace effortlessly.
Load More / Infinite Scroll Frequently Asked Questions
The Load More / Infinite Scroll widget enhances user experience by allowing posts or content to load dynamically without requiring page refreshes. You can choose between a "Load More" button or automatic infinite scrolling. This feature improves navigation and keeps visitors engaged by seamlessly displaying additional content as they scroll or click to load more.
This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search for “Load More / Infinite Scroll” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Load More / Infinite Scroll” widget to any Elementor page.
The Load More / Infinite Scroll widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now
Yes, you can customize the number of loading items. If you set a specific number, that amount of posts or content blocks will be loaded each time. If left empty, the widget will automatically load the same number of items as initially displayed in the grid. This flexibility allows for better control over how much content appears dynamically.
Yes, Infinite Scroll can be enabled, replacing the Load More button with a seamless scrolling experience. This means new content will load automatically as users reach the end of the page, creating an uninterrupted browsing experience. This feature is great for keeping visitors engaged without requiring them to manually click a button to load more content.
Yes, if Infinite Scroll is enabled, you can customize when the Load More button appears by setting the "Show button after (loadings)" option. This determines how many times new content loads automatically before displaying the button. If left empty or set to 0, the button will never appear, and the content will continue to load through scrolling only.
Yes, you can enable Show Loading Text to inform users that more content is being loaded. This helps improve user experience by providing feedback while new posts or content blocks are retrieved. You can customize the loading text message to match your website’s style, making the interaction more engaging and intuitive for visitors.
Yes, you can enable Show Loading Image to display an animation while new content is being fetched. There are multiple built-in animation options, including Bars Circle, Bars, Circle, Dots Bounce, Dots Circle, Dots, Mouse, Ripple Solid, Ripple, Squares, or a Custom Image. This feature enhances user experience by visually indicating that additional content is loading.
Using the Load More / Infinite Scroll widget is simple. Drag and drop the widget into your Elementor page, choose your preferred loading method, and customize its appearance. You can configure whether users load content by clicking a button or by scrolling. Adjust the styling to match your site design. Check out our documentation for a detailed guide.
