Cómo agregar un desplazamiento infinito a su sitio web de WordPress

¿Está buscando una manera de hacer que su sitio web de WordPress se comporte más como un feed de Facebook? Bueno, puede hacerlo agregando un desplazamiento infinito a su sitio web.

Darle a su sitio web un lavado de cara y hacer posible que las personas se desplace continuamente por todo su contenido, sin tener que salir de la página web, es una excelente manera de hacer que todo lo que tiene para ofrecer sea fácilmente accesible.

Sin mencionar que elimina la necesidad de que los visitantes de su sitio hagan clic en 'Siguiente' o 'Cargar más' cada vez que quieran acceder a publicaciones de blog no tan recientes.

Por supuesto, no todo el mundo debería implementar la funcionalidad de desplazamiento infinito en su sitio web (llegaremos a eso en un segundo).

Pero si tiene sentido para ti, sigue leyendo para descubrirlo cómo agregar desplazamiento infinito a su sitio web de WordPress usando un simple¡y gratis!) Complemento de WordPress.

¿Qué es el desplazamiento infinito?

Las tendencias de diseño de sitios web van y vienen, pero el desplazamiento infinito es una de esas cosas que nunca desapareció del todo (juego de palabras intencionado!).

El desplazamiento infinito es una técnica de diseño web que utiliza la carga de la página AJAX para cargar continuamente el contenido de su sitio a medida que el usuario se desplaza hacia abajo en la página. En otras palabras, esta técnica elimina la necesidad de paginación en su blog o sitio de comercio electrónico.

Este flujo interminable ofrece a los visitantes del sitio la oportunidad de ver todo su contenido en un gran feed, como cuando se desplaza por su feed de Facebook.

Y para los sitios web con grandes cantidades de contenido, no hay un punto final definido cuando agrega un desplazamiento infinito a su sitio web de WordPress. En cambio, solo hay infinitas oportunidades para que los visitantes del sitio vean lo que tiene para ofrecer.

¿Debería agregar un desplazamiento infinito a su sitio web de WordPress?

Funcionalidad de desplazamiento infinito lata tienen un impacto positivo en la participación del usuario y la experiencia de navegación. Pero la verdad es, el desplazamiento infinito no es para todos.

Echemos un vistazo rápido a las ventajas y desventajas del desplazamiento infinito para ayudarlo a decidir si esta técnica es algo que desea probar o no.

Ventajas del desplazamiento infinito

• Incrementar la participación de los usuarios - El desplazamiento infinito ayuda a mantener a las personas en su sitio web durante períodos de tiempo más largos y mayo mejorar su ranking de búsqueda.
• Lectura más fácil - Con el desplazamiento infinito, facilita que las personas descubran contenido que no sabían que existía en su sitio porque podrán cargar contenido antiguo de forma rápida y sencilla.
• Mejor experiencia móvil - Los usuarios que pueden desplazarse por el contenido de su sitio en dispositivos pequeños tienen más probabilidades de quedarse. Sin mencionar que los visitantes del sitio en dispositivos móviles esperan una capacidad de desplazamiento infinita.
• Genial para sitios visuales - Los sitios web con mucho contenido visual tienen más que ganar con el desplazamiento infinito porque, si bien el texto escrito puede ser abrumador para algunos cuando continúa cargándose, los elementos visuales no lo son.
• Navegación del sitio mejorada - En lugar de hacer clic en las páginas, el desplazamiento infinito simplifica la navegación por su sitio: todo lo que tiene que hacer es desplazarse hacia abajo.

Contras del desplazamiento infinito

• Falta de sección de pie de página - Con el desplazamiento infinito, es probable que su sitio carezca de una sección de pie de página, que es una valiosa propiedad inmobiliaria. Dicho eso un pie de página pegajoso resuelve este problema.
• La navegación extensa puede resultar confusa - Si bien el desplazamiento infinito está destinado a mejorar la experiencia de visualización inicial, navegar por los enlaces internos puede resultar confuso.
• Métricas difíciles de rastrear - Debido a que el desplazamiento infinito es una prueba de una página, el seguimiento de las métricas del sitio puede resultar difícil.
• Posibles problemas de SEO: Los problemas de SEO pueden surgir porque su sitio es solo un largo (aunque dinámico) página web.
• Bloqueo y bloqueos del sitio - El desplazamiento infinito tiene una tendencia a bloquearse y atascarse, llegando incluso a bloquear el sitio en el que se encuentran los usuarios.

Ahora que conoce algunos de los pros y los contras del desplazamiento infinito, echemos un vistazo a cómo agregar desplazamiento infinito en su sitio web de WordPress utilizando el Captura el plugin Infinite Scroll.

Cómo agregar desplazamiento infinito a su sitio web de WordPress

Lo primero que querrá hacer antes de agregar el desplazamiento infinito a su sitio web de WordPress es instalar y activar el plugin Catch Infinite Scroll, que es de uso gratuito y se encuentra en el repositorio de WordPress, en su sitio web.

Por supuesto, puede usar otros plugins de desplazamiento infinito gratuitos, como Ajax Load More, WordPress Infinite Scroll y YITH Infinite Scrolling.

Incluso el completo plugin Jetpack le brinda la opción de habilitar el desplazamiento infinito. Pero para este tutorial usaremos Catch Infinite Scroll.

Paso 1: Instale y active Catch Infinite Scroll

Para instalar y activar Catch Infinite Scroll en su sitio web de WordPress, vaya a Complementos > Agregar nuevo en su panel de WordPress.

Busque 'Catch Infinite Scroll' y haga clic en Instalar ahora.

Luego, haga clic en Activar por lo que el plugin estará listo para su uso.

Paso 2: Configure los ajustes de los plugins Catch Infinite Scroll

Una vez activado en su sitio web, es hora de configurar los ajustes de Catch Infinite Scroll. Para hacer esto, haga clic en el Atrapa el pergamino infinito elemento de menú que se agregó a su panel de WordPress.

Cuando lo haga, verá tres pestañas:

• Tablero
• Caracteristicas
• Tabla de comparación

El único que necesita preocuparse es el Tablero lengüeta.

Para habilitar el desplazamiento infinito en su sitio web, comience seleccionando Desplazarse desde el Load On (Trigger on) Menú desplegable.

A continuación, verá el selector de navegación, el selector de siguiente, el selector de contenido y el selector de elementos. Puede dejar esto solo porque la configuración predeterminada funciona bien.

También notará que hay una opción para cargar un ícono de cargador de contenido personalizado. De forma predeterminada, Catch Infinite Scroll usa la imagen GIF del cargador:

Si lo desea, puede cambiar esto a un ícono de contenido personalizado que cargue.

Por último, el texto final se puede personalizar para que diga lo que quiera. Este mensaje es lo que les aparecerá a los visitantes del sitio si llegan al final de su desplazamiento infinito y no hay nada más que mostrar.

De forma predeterminada, el texto dice "No hay más elementos para mostrar". Puede cambiar esto o agregarlo fácilmente.

Cuando haya terminado de configurar los ajustes, haga clic en Guardar cambios.

¡Y eso es! Ha agregado con éxito desplazamiento infinito a su sitio web de WordPress. Vea cómo el desarrollador del plugin Catch Infinite Scroll lo usa en su propio sitio web para tener una buena idea de cómo funciona el desplazamiento infinito:

Pensamientos finales

El desplazamiento infinito en su sitio web de WordPress se trata de impulsar la participación del usuario y mejorar la experiencia general del usuario para cualquiera que llegue a su blog o sitio de comercio electrónico.

Además de eso, le ayuda a generar tiempos promedio más prolongados en los números de página y obtener una clasificación más alta en los resultados de búsqueda, lo que todos buscan hacer.

Por lo tanto, si está listo para cambiar las cosas y brindar a las personas una manera fácil de acceder todo el contenido de su sitio sin tener que hacer nada más que desplazarse hacia abajo en la página, use Catch Infinite Scroll para agregar un desplazamiento infinito a su sitio web de WordPress hoy.