Come ottenere WordPress Infinite Scroll sul tuo sito

Vuoi lo scorrimento infinito sul tuo sito WordPress? Con il giusto plugin di scorrimento infinito di WordPress, è facile. Impariamo come!

Stai cercando di aggiungere uno scorrimento infinito ai post in WordPress? Con il giusto tema o plug-in WordPress, possiamo farlo con poca o nessuna codifica.

Per prima cosa, definiamo cosa intendiamo per scorrimento infinito . È un'esperienza di navigazione che consente agli utenti di scorrere indefinitamente fino a esaurire i contenuti.

Ma che tipo di contenuto? Per la maggior parte delle persone che cercano di implementare lo scorrimento infinito in WordPress, ci sono tre casi d'uso comuni:

1. Caricamento infinito dei post: mentre gli utenti scorrono l'elenco dei post del blog, vengono visualizzati più post. Questa funzionalità sostituisce la necessità di un pulsante Carica altro.
2. Singolo post a scorrimento infinito: quando un utente scorre fino alla fine di un post del blog, viene caricato un altro post del blog.
3. Scorrimento infinito di contenuti personalizzati: consente agli utenti di scorrere contenuti personalizzati, ad esempio annunci immobiliari.

In questo post, raccomanderemo soluzioni per tutto quanto sopra. Fortunatamente per noi, ci sono alcuni fantastici plugin e temi di scorrimento infinito per aiutarci a fare il lavoro pesante.

Ma prima di arrivare a questo, assicuriamoci che le funzionalità di scorrimento infinite siano adatte al tuo sito web.

Lo scorrimento infinito per i post di WordPress è sempre una buona idea?

Chiediamoci innanzitutto: perché vogliamo un blog WordPress con scroll infinito?

Lo scorrimento infinito può essere una buona opzione per alcuni siti web. Consente al tuo sito Web di comportarsi come Instagram, dove gli utenti possono scorrere "all'infinito" e continuare a ricevere nuovi contenuti. Questo lo rende ideale per gli utenti mobili che sono già abituati a questo tipo di esperienza.

Quindi chi dovrebbe aggiungere infinite opzioni di scorrimento ai propri siti? Ci sono un paio di scelte ovvie:

• Siti web con un pubblico prevalentemente mobile
• Qualsiasi sito che voglia incoraggiare la navigazione (e-commerce, immobili, siti di annunci)

Ma ci sono aspetti negativi dello scorrimento infinito? Sì - per esempio:

1. Può causare difficoltà SEO: a seconda del tipo di contenuto che stai scorrendo all'infinito, potresti avere problemi con la SEO. La realtà è che Google non è ancora sicuro di come eseguire correttamente la scansione di queste pagine e fornisce consigli su come codificare correttamente il tuo sito per evitare problemi.
2. Il tuo footer diventa inutile: se le tue pagine caricano costantemente più post, ovviamente il tuo footer non verrà mai visto!
3. Può creare confusione: a volte gli utenti potrebbero non sapere dove finisce un post e inizia un altro. Sembra semplice, ma questo può davvero influenzare l'UX sul tuo sito WordPress.
4. L'analisi diventa una sfida: invece di monitorare il comportamento degli utenti un post alla volta, ora li monitorerai attraverso infiniti caricamenti di post. L'impostazione del monitoraggio corretto non è ancora intuitiva. Inoltre, stai incoraggiando gli utenti a scorrere all'infinito... quindi se passano oltre un intero post, i tuoi dati diventeranno inaffidabili.

Quindi, da un lato, consente un'esperienza utente che piace a sempre più persone. E dall'altro, crea ulteriori sfide che potrebbero non valerne la pena.

Se siete tutti bravi con questo, andiamo al nostro tutorial di scorrimento infinito di WordPress!

Le migliori soluzioni di scorrimento infinito di WordPress

Ti mostreremo le migliori opzioni per le seguenti modalità di scorrimento infinite:

1. Scorrimento infinito dei post di WordPress (lo scorrimento rivela più post)
2. Scorrimento infinito dei post di WordPress (lo scorrimento rivela i prossimi post)
3. Scorrimento infinito Ajax personalizzato di WordPress (lo scorrimento rivela contenuti personalizzati )

Le prime due modalità sono relativamente semplici e possono essere implementate tramite plugin e temi di WordPress.

La terza modalità può essere implementata tramite il nostro costruttore di applicazioni WordPress a basso codice: Formidable Views .

In definitiva, il motivo per cui vorresti utilizzare una di queste opzioni è semplice. Codificare da zero una soluzione di caricamento Ajax a scorrimento infinito di WordPress non è facile!

E se ti stai chiedendo cos'è l'Ajax, non preoccuparti! È un concetto tecnico con diverse applicazioni. Ma quando parliamo di scorrimento infinito Ajax in WordPress, significa solo che il nuovo contenuto viene caricato "mentre scorri".

Questo è importante perché senza Ajax, avresti bisogno di caricare tutti i post sul tuo sito se volessi fare uno scorrimento infinito. Con Ajax, vengono recuperati più post secondo necessità: quando gli utenti scorrono, le richieste Ajax caricano più post (consentendo tempi di caricamento molto più rapidi).

1. Scorrimento infinito di WordPress attraverso i post

Se stai cercando un modo per consentire agli utenti di caricare più post mentre scorrono la pagina, non cercare oltre. Ecco un'ottima soluzione: il plug-in Ajax Load More.

Se tutto ciò che vuoi fare è sostituire il pulsante Carica altro con la funzionalità di scorrimento infinito, questo è il plugin da scegliere. Ha ottime recensioni e ha anche alcune funzionalità avanzate come:

• Componenti aggiuntivi Elementor e WooCommerce
• Un costruttore di codici brevi
• Ripetitori clienti
• Post di caricamento pigro

Questo plug-in consente inoltre agli utenti di applicare lo scorrimento infinito in base ai parametri WordPress predefiniti come tipo di post, categoria, tag e altro.

2. Post di WordPress a scorrimento infinito

Se vuoi che gli utenti possano scorrere fino alla fine di un post e caricare il successivo, ecco cosa ti serve...

Indovina un po? È di nuovo l' Ajax Load More Plugin !

Ma a dire il vero, ci sono alcune menzioni d'onore:

1. Catch Infinite Scroll: vediamo spesso questo plugin gratuito consigliato, sembra funzionare bene. Ma non è stato aggiornato in tre mesi a giugno 2022.
2. YITH Infinite Scroll: questo è un plugin progettato specificamente per gli utenti di WooCommerce. È un po' costoso, ma include più opzioni per l'uso con WooCommerce.

3. Scorrimento infinito Ajax personalizzato di WordPress

Le due modalità di cui sopra sono abbastanza standard. Se hai utilizzato Internet negli ultimi anni, è molto probabile che tu li abbia già incontrati. Probabilmente è per questo che sei qui alla ricerca di soluzioni!

Ma cosa succede se vuoi fare qualcosa di completamente personalizzato? Per mostrarti cosa intendo, userò l'esempio di un sito di annunci immobiliari.

Per prima cosa, pensiamo a chi utilizza un sito di annunci immobiliari:

• Acquirenti casa (e loro agenti)
• Agenti immobiliari che vendono immobili

Ora, pensiamo a come funziona un sito di annunci immobiliari:

1. Un agente di vendita carica i dati dell'inserzione (tramite un modulo WordPress)
2. Il modulo genera una pagina di elenco personalizzata in base ai dati caricati
3. La pagina dell'elenco viene aggiunta all'elenco di altri elenchi correnti

Affinché quanto sopra funzioni correttamente, avrai bisogno di un modulo web che crei un tipo di post personalizzato e lo visualizzi automaticamente. In altre parole, dovrai approfondire e codificare una soluzione personalizzata.

A meno che, ovviamente, non usi il nostro! Lo chiamiamo Formidable Views. Non c'è praticamente alcun limite a ciò che puoi costruire con esso. Ecco un altro esempio, elenchi di ristoranti:

Formidable Views semplifica la creazione di un'app Web con WordPress. Mentre lo scorrimento infinito sui post del blog può essere interessante, è un must per elencare i siti. Puoi anche usare l'impaginazione standard se lo desideri.

Avvolgendo

Ecco fatto: lo scorrimento infinito non è così difficile quando hai il plugin giusto! Ci auguriamo che tu abbia trovato quello che stai cercando oggi. Se hai pensieri o domande, faccelo sapere nei commenti qui sotto. Grazie per esserti fermato!

Ehi, mentre sei qui, possiamo farti una domanda? Sei soddisfatto del tuo generatore di moduli WordPress ? Forse stai utilizzando i moduli integrati del tuo tema o un altro plug-in. Se ti piace provare nuovi plugin, prova il nostro! Abbiamo un generatore di moduli online gratuito che funziona direttamente dal tuo back-end WP.

E se ti senti avanzato, dai un'occhiata al nostro plug-in premium con calcolatrici, modelli, logica condizionale e molte altre funzionalità ! Abbiamo anche una garanzia di rimborso, dai un'occhiata qui . Saremo lieti di averti.