Lo scroll infinito è una delle tendenze dei siti web che abbiamo visto andare e venire nel corso degli anni. È ottimo per siti ricchi di contenuti come blog, portali di notizie e piattaforme di social media, dove gli utenti amano una navigazione infinita.
Se volete tenere i visitatori incollati ai vostri contenuti, lo scorrimento infinito potrebbe essere la soluzione che cercate. Questa caratteristica carica automaticamente i nuovi contenuti man mano che gli utenti scorrono verso il basso, in modo che non debbano fare clic sulla pagina successiva.
Ma come si fa ad aggiungerlo al proprio sito WordPress? Non preoccupatevi, perché abbiamo pensato a 3 modi semplici per implementare lo scroll infinito, indipendentemente dalle vostre competenze tecniche.
Perché aggiungere lo scorrimento infinito al vostro sito WordPress?
Lo scroll infinito è una tendenza del web design che utilizza la tecnologia di caricamento delle pagine AJAX per caricare automaticamente la pagina successiva di contenuti e mostrarla alla fine della pagina corrente. Può rendere più facile e piacevole per i visitatori la navigazione tra i vostri contenuti, soprattutto se si trovano su dispositivi mobili.
Invece di fare clic sui link per vedere di più, lo scroll infinito carica automaticamente i nuovi contenuti man mano che gli utenti scorrono verso il basso. Questa esperienza più fluida può far rimanere gli utenti sul sito più a lungo e può aumentare le pagine viste.
Detto questo, lo scroll infinito potrebbe non essere la scelta migliore per ogni tipo di sito web, come ad esempio le directory web in cui ogni pagina è una lettera diversa dell’alfabeto. Se si utilizza lo scorrimento infinito, non si può nemmeno mostrare un piè di pagina sul proprio blog WordPress.
Inoltre, lo scroll infinito potrebbe gravare ulteriormente sul vostro server. Quindi, se volete provarlo, è una buona idea ottimizzare le prestazioni del vostro sito WordPress.
Detto questo, vediamo come aggiungere lo scroll infinito al vostro sito WordPress. Potete usare questi collegamenti rapidi per passare a un metodo specifico:
Metodo 1: Aggiungere lo scorrimento infinito con Catch Infinite Scroll (consigliato)
Durante i nostri test e le nostre ricerche, abbiamo scoperto che il modo migliore per aggiungere lo scorrimento infinito è il plugin Catch Infinite Scroll. Oltre a essere semplice da usare, consente anche di personalizzare il comportamento dello scorrimento infinito.
La prima cosa da fare è installare e attivare il plugin Catch Infinite Scroll. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.
Dopo l’attivazione, nella dashboard di WordPress apparirà una nuova voce di menu con l’etichetta “Catch Infinite Scroll”. Basta fare clic su di essa per configurare le impostazioni del plugin.
Vogliamo attivare lo scorrimento infinito quando l’utente inizia a scorrere la pagina.
A questo punto, aprire il menu a discesa “Carica su” e scegliere “Scorrimento”. Se si sceglie “Clic”, Catch Infinite Scroll mostrerà invece il pulsante “Carica altro”.
Poi, è possibile personalizzare il selettore di navigazione, il selettore successivo, il selettore dei contenuti e il selettore degli elementi. Le impostazioni predefinite funzionano abbastanza bene, quindi non è necessario apportare modifiche.
La sezione ‘Immagine’ mostra l’icona del caricatore di contenuti che Infinite Scroll mostrerà quando sta caricando i contenuti.
Per impostazione predefinita, utilizza un’immagine GIF di caricamento, ma è possibile modificarla. È sufficiente fare clic su “Carica” e scegliere un’immagine dalla libreria multimediale o caricare un nuovo file.
Quando si è soddisfatti dell’impostazione dello scorrimento infinito, fare clic sul pulsante “Salva modifiche” per memorizzare le modifiche.
Ora, se visitate il vostro sito web WordPress, vedrete lo scorrimento infinito in azione.
Metodo 2: Aggiungere lo scorrimento infinito con YITH Infinite Scrolling (siti WooCommerce)
YITH Infinite Scrolling è un plugin per lo scorrimento infinito di YITH, uno sviluppatore di plugin per WooCommerce. Se volete aggiungere lo scorrimento infinito alle vostre pagine di prodotti, questo è il plugin che vi consigliamo. Funziona molto bene con altri plugin di YITH, come YITH WooCommerce Points and Rewards.
Questo plugin funziona subito, quindi è sufficiente installarlo e attivarlo per aggiungere lo scorrimento infinito al vostro sito web WordPress. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin per WordPress.
Dopo l’attivazione, è possibile visitare il proprio sito web per vedere la nuova funzione di scorrimento infinito in azione.
Se volete modificare lo scorrimento infinito, troverete alcune semplici impostazioni andando su YITH ” Scorrimento infinito nella vostra dashboard di WordPress.
Qui è possibile attivare e disattivare lo scorrimento infinito.
È anche possibile modificare l’immagine o la GIF che YITH mostra durante il caricamento dei contenuti. Basta scorrere la sezione “Immagine di caricamento” e cliccare su “Carica”.
Quindi, scegliere un’immagine dalla libreria multimediale di WordPress o caricare una nuova immagine dal computer.
Metodo 3: Aggiungere lo scorrimento infinito con Ajax Load More (avanzato)
Ajax Load More ha un’interfaccia avanzata con molte opzioni diverse, tra cui un modello di ripetizione, un costruttore di shortcode e query per WordPress.
Il plugin offre anche ulteriori impostazioni di personalizzazione, tra cui molti stili di icone e pulsanti per il caricamento delle pagine.
Per questo motivo, la curva di apprendimento è più ripida e non è consigliata ai principianti. Tuttavia, offre agli utenti più esperti un controllo completo sullo scorrimento infinito del sito web.
Per una guida dettagliata, potete consultare il nostro tutorial sulla creazione di un pulsante per caricare altri post in WordPress utilizzando il plugin Ajax Load More.
Aggiungere lo scorrimento infinito in WordPress: Domande frequenti
Avete ancora domande sull’aggiunta dello scroll infinito al vostro sito WordPress? Discutiamo alcune delle domande più frequenti su questa funzione di design.
Lo scroll infinito è un bene o un male?
Lo scroll infinito ha i suoi pro e i suoi contro. È ottimo per siti web come i social media, i blog e i siti di notizie, dove gli utenti si divertono a sfogliare una varietà di contenuti. Tuttavia, per i siti orientati agli obiettivi, come quelli di e-commerce, può essere frustrante per gli utenti che cercano di trovare articoli specifici.
Lo scroll infinito migliora le prestazioni?
Lo scroll infinito può facilitare agli utenti l’accesso rapido a più contenuti, soprattutto sui dispositivi mobili dove lo scorrimento è naturale.
Tuttavia, senza un’adeguata ottimizzazione, può rallentare i tempi di caricamento delle pagine, soprattutto nel caso di file multimediali di medie dimensioni. Per questo motivo è bene seguire le migliori pratiche per la velocità e le prestazioni dei siti web.
Lo scroll infinito è dannoso per la SEO?
Senza un’adeguata ottimizzazione, lo scroll infinito può essere dannoso per la SEO di WordPress. I motori di ricerca potrebbero non indicizzare tutti i contenuti, poiché non scorrono automaticamente verso il basso.
Ma ci sono modi per ottimizzarlo per una migliore SEO. È possibile aggiungere un pulsante “load more” utilizzando AJAX, in modo che i motori di ricerca riconoscano il materiale aggiuntivo, utilizzare il markup schema per chiarire i contenuti per i motori di ricerca e precaricare i link ai contenuti futuri.
Lo scroll infinito è meglio della paginazione?
Se lo scorrimento infinito sia migliore della paginazione dipende da ciò che funziona meglio per il vostro sito web e per gli utenti. Lo scorrimento infinito offre un’esperienza senza soluzione di continuità, mentre la paginazione fornisce una struttura più chiara. Entrambi hanno i loro vantaggi, quindi scegliete in base ai vostri contenuti e alle preferenze del pubblico.
Approfondisci i modi per ottimizzare il design del tuo blog WordPress
Volete altri suggerimenti e trucchi per migliorare il vostro blog WordPress? Selezionate queste guide:
- Come aggiungere un effetto parallasse a qualsiasi tema WordPress
- Come aggiungere un ridimensionamento dei font in WordPress per l’accessibilità
- Come creare un divisore personalizzato di forme in WordPress
- Trucchi per la barra laterale di WordPress per ottenere i massimi risultati
- Come aggiungere una barra di scorrimento personalizzata a qualsiasi elemento in WordPress
- Come mettere in evidenza il testo in WordPress (Guida per principianti)
- Come aggiungere contenuti dinamici in WordPress (Guida per principianti)
Speriamo che questo tutorial vi abbia aiutato a capire come aggiungere lo scroll infinito al vostro sito WordPress. Potreste anche voler selezionare la nostra guida per principianti su come modificare il vostro sito web WordPress e le nostre verifiche sulle migliori alternative a Canva per la grafica dei siti web.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Jiří Vaněk
How does the search bot behave with infinite scrolling? Can it load the site content, does it only load the first page and skip the rest of the content? I’m interested in this for SEO reasons.
WPBeginner Support
Search plugins would normally scan all of your content but it would depend on the infinite scroll solution for how it would interact with your search in terms of displaying the results.
Admin
Jiří Vaněk
Ok, thanks for the explanation. It’s probably best to try it to track the results in GSC.
Anant
Can i use Catch Infinite Scroll in pages as well ?
WPBeginner Support
Unless we hear otherwise, the plugin does have an option for loading on pages.
Admin
Ben
Hi, When using infinite scroll and the user clicks on a post the back button takes them to the top of the list rather than where they were before.
Is there a fix for this?
WPBeginner Support
Not at this time, you would want to reach out to the plugin’s support for the possibility to add that feature in the future.
Admin
Abuel
Hello!
I want to ask on how can i activate infinite scrolling on my blog page that i created using elementor?
Thank you.
WPBeginner Support
You would want to reach out to elementor’s support for that question as elementor’s settings would be the ones your site follows.
Admin
Steve
This article is helpful. It’s unclear though how to add content to the scroll. I’d appreciate an explanation.
WPBeginner Support
The scroll would show the next few posts on your site automatically
Admin
Astro
How can I apply infinity scrolling to posts on a particular category only?
WPBeginner Support
You would want to check with the support for the plugin you are using for if that is an option or if they have a recommended method for setting that up.
Admin
Max
Hi, great post as usual! Is there also a solution to implement a sorting by a category or a tag that the user can choose like in the Neil Patel’s blog listing page?! Thank you in advance.
WPBeginner Support
For the ability to filter your posts by category, you would want to take a look at our guide here: https://www.wpbeginner.com/plugins/how-to-let-users-filter-posts-and-pages-in-wordpress/
Admin
Fman
Hi there wpbeginner!
I would like to add infinite scroll to related products on my woocommerce site, how do we do that ?
WPBeginner Support
You would want to reach out to the plugin’s support for how to set that up.
Admin
Lakmal
Hi
Thank you for your article and i need to know is it can be use for woocommerce sites?
Regards
Lakmal
WPBeginner Support
Unless we hear otherwise, it should work for a WooCommerce site
Admin
Bruce Pang
Good article. It’s very useful for a fresh man like me. Thank you very much.
WPBeginner Support
Thank you, glad our article could be helpful
Admin