How to Add Infinite Scroll to your WordPress Site - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress WPBeginner Video: How to Add Infinite Scroll to your WordPress Site.
Do you want to add infinite scroll to your WordPress blog page? Infinite scroll is a technique to automatically load your next page content when a user reaches the bottom of the page. This helps improve your visitor's time on page which some sites try to improve on. In this video, we will show you how to add infinite scroll to your WordPress site.

This video is sponsored by MonsterInsights, a powerful plugin to help you use your analytics information to the fullest, take a look at MonsterInsights here:
=================================
https://www.monsterinsights.com/
=================================

For our discount, use our code: WPBVIP

For this tutorial we will be using a plugin called Catch Infinite Scroll which you can find here:

https://wordpress.org/plugins/catch-infinite-scroll/

With the plugin activated, you should be able to see a section labeled Catch Infinite Scroll. There you will be able to customize how your page loads such as on click or on scroll which is what we're wanting. If you want to change the loading image, the plugin gives you an easy method for replacing it.

For an alternate plugin option we would recommend YITH Infinite Scrolling which you can find here:

https://wordpress.org/plugins/yith-infinite-scrolling/

This plugin also has minimal options to worry about and once you've set up the plugin it will work similar to the Catch Infinite Scroll plugin.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
URL

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com

Published: Monday, January 27, 2020 11:41 PM
Category: Wordpress WPBeginner

62 Views

Related Videos

React Infinite Scroll Challenge | Scotch.io

by Best Webhosting Added 6 years ago 75 Views / 0 Likes

In this video we will create an image gallery with infinite scrolling using Node, React and the Unsplash API. THis is a challenge from Scotch.io Challenge Info: https://scotch.io/bar-talk/code-challenge-16-infinite-scroll-unsplash-gallery Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/infinite_scroll_react_unsplash • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Ude
Popular
4 Animated Scroll Buttons for Your Divi Site’s Hero Section

by Best Webhosting Added 6 years ago 116 Views / 0 Likes

Animated Scroll buttons have a simple yet important job of grabbing a users attention and leading them down your web page. These type of buttons are normally found above the fold so that a visitor can simply click the button without having to scroll to the next important section of the web page. In fact, Divi has this scroll button feature built-in to the fullwidth header module. In this tutorial, I’m going to show you how to create completely custom
Popular
Animation On Scroll - Simple jQuery Pluging Tutorial - Trigger CSS Animations on Scroll

by Best Webhosting Added 6 years ago 112 Views / 0 Likes

Plugin URL: https://github.com/mpalpha/animate-scroll Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Popular
Css Scroll Down Animation - Pure CSS3 Tutorials - Custom Scroll Down Indicator

by Best Webhosting Added 6 years ago 126 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Popular
Animated Scroll To Top Button With jQuery - Javascript Smooth Scroll To Top Of Page

by Best Webhosting Added 6 years ago 124 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Name : Spring In My Step by Silent Partner from YouTube Audio Library Music URL : https://www.youtube.com/watch?v=siCmqvfw_1g
Popular
Sticky Navigation Bar On Scroll Using Vanilla Javascript | Fixed Navbar on Scroll

by Best Webhosting Added 6 years ago 136 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D ------------------ Join Our Channel Membership And Get Source Code Everyday Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join ------------------ Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Phot
Popular
Hide Header on Scroll Down Show on Scroll Up | Html CSS & Javascript

by Best Webhosting Added 6 years ago 129 Views / 0 Likes

Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Credit Track: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. https://www.youtube.com/watch?v=7wNb0pHyGuI
Popular
Css Scroll Down Animation - Pure CSS Tutorials - Custom Scroll Down Indicator

by Best Webhosting Added 6 years ago 105 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Popular
Hide Menu on scroll down show on scroll up - Html CSS And Javascript

by Best Webhosting Added 6 years ago 118 Views / 0 Likes

Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Name : Spring In My Step by Silent Partner from YouTube Audio Library Music URL : https://www.youtube.com/watch?v=siCmqvfw_1g
How to Create Module Overlaps on Scroll with Divi’s Scroll Effects

by Best Webhosting Added 5 years ago 71 Views / 0 Likes

Using overlaps in your design has increased in popularity over the past few years. It gives your design a more abstract look and feel. At the same time, it helps you save space, which in turn limits the vertical scrolling that is required. Inside Divi, there are a couple of ways to effortlessly add overlaps to modules. You can also go the extra mile and add some scroll interaction! In today’s Divi tutorial, we’ll show you how to create subtle module o
Popular
Reveal Elements On Scroll | Triggering CSS Animations on Scroll

by Best Webhosting Added 6 years ago 112 Views / 0 Likes

Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Plugin URL : https://github.com/scroll-out/scroll-out Music Credit Track: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. https://www.youtube.com/watch?v=7wNb0pHyGuI
Popular
Animate On Scroll - Trigger CSS Animations On Scroll

by Best Webhosting Added 6 years ago 118 Views / 0 Likes

Plugin URL : https://github.com/michalsnik/aos Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Skylike - Dawn Link: https://youtu.be/Jg9nDEtqWV0