Comment obtenir WordPress Infinite Scroll sur votre site

Publié: 2022-06-28

Envie de scroll infini sur votre site WordPress ? Avec le bon plugin de défilement infini WordPress, c'est facile. Apprenons comment !

How to get WordPress Infinite Scroll on your site

Vous cherchez à ajouter un défilement infini aux publications dans WordPress ? Avec le bon thème ou plugin WordPress, nous pouvons le faire avec peu ou pas de codage.

Tout d'abord, définissons ce que nous entendons par défilement infini . C'est une expérience de navigation qui permet aux utilisateurs de faire défiler indéfiniment jusqu'à ce qu'ils soient à court de contenu.

Mais quel type de contenu ? Pour la plupart des personnes cherchant à implémenter le défilement infini dans WordPress, il existe trois cas d'utilisation courants :

Formidable Forms est le meilleur plugin WordPress Form Builder. Achetez le gratuitement!
  1. Chargement de publication infini : lorsque les utilisateurs parcourent la liste des publications de blog, d'autres publications apparaissent. Cette fonctionnalité remplace le besoin d'un bouton de chargement supplémentaire.
  2. Article unique à défilement infini : lorsqu'un utilisateur fait défiler jusqu'à la fin d'un article de blog, un autre article de blog se charge.
  3. Contenu personnalisé à défilement infini : permet aux utilisateurs de faire défiler le contenu personnalisé, comme les annonces immobilières par exemple.

Dans cet article, nous recommanderons des solutions pour tout ce qui précède. Heureusement pour nous, il existe d'excellents plugins et thèmes de défilement infini pour nous aider à faire le gros du travail.

Mais avant d'en arriver là, assurons-nous que les fonctionnalités de défilement infini conviennent à votre site Web.

Le défilement infini pour les publications WordPress est- il toujours une bonne idée ?

Demandons-nous d'abord : pourquoi voulons-nous un blog WordPress avec défilement infini ?

Le défilement infini peut être une bonne option pour certains sites Web. Il permet à votre site Web de se comporter comme Instagram, où les utilisateurs peuvent faire défiler "infiniment" et continuer à recevoir de nouveaux contenus. Cela le rend idéal pour les utilisateurs mobiles qui sont déjà habitués à ce genre d'expérience.

Alors, qui devrait ajouter des options de défilement infinies à ses sites ? Il y a quelques choix évidents :

  • Sites Web avec une audience majoritairement mobile
  • Tout site qui souhaite inciter à la navigation (ecommerce, immobilier, sites de référencement)

Mais y a-t-il des inconvénients au défilement infini ? Oui - par exemple :

  1. Cela peut entraîner des difficultés de référencement : selon le type de contenu que vous faites défiler à l'infini, vous pourriez rencontrer des problèmes de référencement. La réalité est que Google ne sait toujours pas comment explorer correctement ces pages, et ils ont des recommandations sur la façon de coder correctement votre site pour éviter les problèmes.
  2. Votre pied de page devient inutile : Si vos pages chargent constamment plus de messages, alors votre pied de page ne sera bien sûr jamais vu !
  3. Cela peut être déroutant : parfois, les utilisateurs peuvent ne pas savoir où se termine une publication et où commence une autre. Cela semble simple, mais cela peut vraiment affecter l'UX sur votre site WordPress.
  4. L'analytique devient un défi : au lieu de suivre le comportement des utilisateurs une publication à la fois, vous les suivrez désormais sur des chargements de publication infinis. La configuration d'un suivi approprié n'est pas encore intuitive. De plus, vous encouragez les utilisateurs à faire défiler sans fin... donc s'ils défilent au-delà d'un message entier, vos données vont devenir peu fiables.

Donc, d'une part, cela permet une expérience utilisateur que de plus en plus de gens apprécient. Et d'autre part, cela crée des défis supplémentaires qui n'en valent peut-être pas la peine.

Si vous êtes tous d'accord avec cela, passons à notre tutoriel WordPress sur le défilement infini !

Les meilleures solutions de défilement infini WordPress

Nous allons vous montrer les meilleures options pour les modes de défilement infini suivants :

  1. WordPress défilement infini à travers les messages (le défilement révèle plus de messages)
  2. WordPress post défilement infini (le défilement révèle les prochains articles)
  3. Défilement infini WordPress Ajax personnalisé (le défilement révèle un contenu personnalisé )

Les deux premiers modes sont relativement simples et peuvent être mis en œuvre via des plugins et des thèmes WordPress.

Le troisième mode peut être implémenté via notre constructeur d'applications WordPress low-code : Formidable Views .

En fin de compte, la raison pour laquelle vous souhaitez utiliser l'une de ces options est simple. Coder une solution de chargement Ajax à défilement infini WordPress à partir de zéro n'est pas facile !

Et si vous vous demandez ce qu'est l'Ajax, ne vous inquiétez pas ! C'est un concept technique avec un certain nombre d'applications différentes. Mais lorsque nous parlons de défilement infini Ajax dans WordPress, cela signifie simplement que le nouveau contenu se charge "au fur et à mesure que vous faites défiler".

Ceci est important car sans Ajax, vous auriez besoin de charger tous les articles de votre site si vous vouliez faire un défilement infini. Avec Ajax, plus de messages sont récupérés selon les besoins - lorsque les utilisateurs défilent, les demandes Ajax chargent plus de messages (ce qui permet des temps de chargement beaucoup plus rapides).

1. Défilement infini de WordPress à travers les messages

Si vous cherchez un moyen de permettre aux utilisateurs de charger plus de messages lorsqu'ils font défiler la page, ne cherchez pas plus loin. Voici une excellente solution : le plugin Ajax Load More.

Le plug-in Ajax Load More

Si tout ce que vous voulez faire est de remplacer votre bouton de chargement supplémentaire par une fonctionnalité de défilement infini, c'est le plugin à choisir. Il a d'excellentes critiques et possède même des fonctionnalités avancées telles que :

  • Modules complémentaires Elementor et WooCommerce
  • Un constructeur de shortcode
  • Répéteurs clients
  • Messages de chargement paresseux

Ce plugin permet également aux utilisateurs d'appliquer un défilement infini basé sur des paramètres WordPress par défaut tels que le type de publication, la catégorie, les balises, etc.

2. WordPress affiche un défilement infini

Si vous voulez que les utilisateurs puissent faire défiler jusqu'à la fin d'un message et charger le suivant, voici ce dont vous avez besoin...

Devine quoi? C'est encore le plugin Ajax Load More !

Mais à vrai dire, il y a quelques mentions honorables :

  1. Catch Infinite Scroll : Nous voyons souvent ce plugin gratuit recommandé, il semble bien fonctionner. Mais il n'a pas été mis à jour depuis trois mois en juin 2022.
  2. YITH Infinite Scroll : Il s'agit d'un plugin conçu spécifiquement pour les utilisateurs de WooCommerce. C'est un peu cher, mais cela inclut plus d'options à utiliser avec WooCommerce.

3. Défilement infini WordPress Ajax personnalisé

Les deux modes ci-dessus sont assez standard. Si vous avez utilisé Internet au cours des dernières années, il est très probable que vous les ayez déjà rencontrés auparavant. C'est probablement pourquoi vous êtes ici à la recherche de solutions !

Mais que se passe-t-il si vous voulez faire quelque chose d'entièrement personnalisé ? Pour vous montrer ce que je veux dire, je vais prendre l'exemple d'un site d'annonces immobilières.

Ajoutez un défilement infini au contenu personnalisé comme les annonces immobilières

Tout d'abord, réfléchissons à qui utilise un site d'annonces immobilières :

  • Acheteurs de maison (et leurs agents)
  • Agents immobiliers vendant des propriétés

Maintenant, réfléchissons au fonctionnement d'un site d'annonces immobilières :

  1. Un agent de vente télécharge les données de la liste (via un formulaire WordPress)
  2. Le formulaire génère une page de liste personnalisée basée sur les données téléchargées
  3. La page d'annonce est ajoutée à la liste des autres annonces en cours

Pour que ce qui précède fonctionne correctement, vous aurez besoin d'un formulaire Web qui crée un type de message personnalisé et l'affiche automatiquement. En d'autres termes, vous devrez creuser et coder une solution personnalisée.

À moins bien sûr que vous n'utilisiez le nôtre ! Nous l'appelons Vues formidables. Il n'y a pratiquement aucune limite à ce que vous pouvez construire avec lui non plus. Voici un autre exemple, les listes de restaurants :

Les sites de listes de restaurants peuvent également utiliser le défilement infini

Formidable Views facilite la création d'une application Web avec WordPress. Bien que le défilement infini sur les articles de blog puisse être cool, c'est un must pour les sites de référencement. Vous pouvez également utiliser la pagination standard si vous le souhaitez également.

Emballer

Voilà - le défilement infini n'est pas si difficile lorsque vous avez le bon plugin ! Nous espérons que vous avez trouvé ce que vous cherchiez aujourd'hui. Si vous avez des idées ou des questions, faites-le nous savoir dans les commentaires ci-dessous. Merci d'être passé!


Bonjour Pendant que vous êtes ici, pouvons-nous vous poser une question ? Êtes-vous satisfait de votre générateur de formulaire WordPress ? Peut-être utilisez-vous les formulaires intégrés de votre thème ou un autre plugin. Si vous aimez essayer de nouveaux plugins, essayez les nôtres ! Nous avons un générateur de formulaires en ligne gratuit qui fonctionne directement depuis votre backend WP.

Et si vous vous sentez avancé, découvrez notre plugin premium avec des calculatrices, des modèles, une logique conditionnelle et bien d'autres fonctionnalités ! Nous avons également une garantie de remboursement, consultez-la ici . Nous serons heureux de vous avoir.