Come filtrare i prodotti WooCommerce (Tutorial passo passo)

Dopo aver lavorato con innumerevoli proprietari di siti web WooCommerce, abbiamo imparato che i negozi online di successo condividono una caratteristica fondamentale: rendono facile per i clienti trovare esattamente ciò che desiderano.

Grandi marketplace come Amazon utilizzano filtri per prezzo, colore, taglia e ordinamento per novità perché capiscono come acquistano i clienti.

Il filtraggio dei prodotti è essenziale per la crescita di un'attività di eCommerce. Quando i clienti non riescono a trovare rapidamente ciò che cercano, spesso se ne vanno senza acquistare.

Ecco perché abbiamo creato questa guida passo passo per aiutarti ad aggiungere un filtraggio efficace dei prodotti al tuo negozio WooCommerce.

Imparerai come creare filtri basati sugli attributi che rendono il tuo negozio più facile da navigare e più piacevole per gli acquirenti.

Perché filtrare i prodotti WooCommerce per attributo?

I filtri rendono super facile per i clienti sfogliare i prodotti nel tuo negozio WooCommerce.

Consentono agli acquirenti di restringere la ricerca in base a diversi attributi, tra cui colore, fascia di prezzo, tessuto, taglia e altro ancora.

Invece di scorrere l'intera collezione di prodotti, gli utenti possono semplicemente sfogliare i prodotti che li interessano.

L'aggiunta di filtri può contribuire a migliorare l'esperienza utente, migliorare la funzionalità di ricerca e ridurre i tassi di rimbalzo nel tuo negozio online.

Possono anche aumentare le vendite consentendo ai clienti di vedere tutte le opzioni disponibili per i prodotti che li interessano, aiutandoli a fare acquisti più informati.

Detto questo, vediamo come puoi filtrare facilmente i prodotti sul tuo negozio WooCommerce. Ti mostreremo come filtrare i prodotti WooCommerce per attributo e attributo personalizzato:

• Come filtrare i prodotti WooCommerce per attributo
• Come filtrare i prodotti WooCommerce per attributo personalizzato
• Suggerimenti bonus per aumentare le vendite di WooCommerce

Come filtrare i prodotti WooCommerce per attributo

Se stai cercando un modo semplice e veloce per filtrare i prodotti WooCommerce, allora questo metodo fa per te. Ti mostreremo come impostare semplici filtri per attributo utilizzando un plugin per filtri di prodotti WooCommerce.

Innanzitutto, devi installare e attivare il plugin YITH WooCommerce Ajax Product Filter. Per ulteriori istruzioni, consulta la nostra guida passo passo su come installare un plugin WordPress.

Dopo l'attivazione, vai alla pagina YITH » Ajax Product Filter dalla dashboard di WordPress.

Da qui, fai clic sul pulsante '+ Crea un nuovo preset' per iniziare a creare un preset di filtro.

Una volta lì, puoi iniziare digitando un nome per il filtro nella casella 'Nome del preset'.

Tieni presente che il nome del preset non verrà visualizzato nel tuo negozio ed è solo per tuo riferimento.

Successivamente, scegli semplicemente ‘Orizzontale’ come layout predefinito e quindi fai clic sul pulsante ‘+ Aggiungi un nuovo filtro’ in basso.

Se stai utilizzando la versione gratuita del plugin, questa opzione non sarà disponibile per te. Invece, avrai il layout predefinito ‘Predefinito’.

Ora puoi iniziare a creare un filtro per i tuoi prodotti WooCommerce.

Crea un filtro per i prodotti WooCommerce

Per prima cosa, dovrai digitare un nome per il filtro accanto all'opzione ‘Nome filtro’.

Ad esempio, se stai creando un filtro che aiuterà i clienti a ordinare per categorie di prodotti, puoi chiamarlo ‘Filtra per categoria’.

Successivamente, puoi selezionare i parametri per il filtro dal menu a discesa ‘Filtra per’. Tieni presente che la versione gratuita del plugin offre solo filtri per categorie e tag di prodotto.

Per saperne di più sulle differenze tra queste opzioni, puoi leggere la nostra guida su come aggiungere tag, attributi e categorie a WooCommerce.

Se stai creando un filtro per ordinare i prodotti per diverse fasce di prezzo, devi scegliere l'opzione ‘Fascia di prezzo’. Allo stesso modo, se vuoi ordinare i prodotti per popolarità o valutazione media, devi scegliere l'opzione ‘Ordina per’.

Puoi anche scegliere l'opzione ‘Tassonomia’ se vuoi filtrare tag di prodotto, categorie, colori, taglie, materiali, stili e altro ancora. Per questo tutorial, useremo questa opzione.

Dopo averlo fatto, devi scegliere tra le opzioni di tassonomia per il filtro. Ad esempio, se vuoi filtrare i prodotti per colore, dovrai scegliere quell'opzione dal menu a discesa.

Poiché stiamo creando un filtro per le categorie di prodotti, selezioneremo l'opzione ‘Categorie di prodotti’.

Successivamente, devi digitare tutte le categorie di prodotti sul tuo sito web nella sezione ‘Scegli termini’.

Dopodiché, puoi scegliere come vuoi che il filtro venga visualizzato sul front-end del tuo negozio dal menu a discesa ‘Tipo di filtro’.

Puoi visualizzare il filtro come casella di controllo, menu a discesa, testo, campioni di colore e altro ancora. Per questo tutorial, sceglieremo l'opzione ‘Seleziona’ per aggiungere un menu a discesa.

Successivamente, attiva l'interruttore ‘Mostra campo di ricerca’ se desideri abilitare una casella di ricerca all'interno del menu a discesa.

Puoi anche visualizzare il filtro che stai creando come un toggle attivando l'interruttore ‘Mostra come toggle’. Quindi, i clienti potranno attivare e disattivare il filtro.

Una volta fatto ciò, scegli un ordine predefinito per i termini filtrati dal menu a discesa ‘Ordina per’. Le categorie del filtro verranno visualizzate nell'ordine scelto.

Puoi ordinare le categorie del filtro utilizzando il nome, il conteggio dei termini o lo slug. Puoi anche scegliere il ‘Tipo di ordinamento’ per i termini filtrati in ordine crescente (ASC) o decrescente (DESC).

Infine, fai clic sul pulsante ‘Salva filtro’ in fondo per salvare il tuo filtro.

Ora, ripeti il processo per creare più filtri.

Una volta fatto ciò, torna in cima e passa alla scheda ‘Impostazioni generali’ per configurare alcune impostazioni.

Configura le impostazioni generali

Qui, devi iniziare scegliendo un'opzione di ‘Modalità filtro’. Puoi selezionare se vuoi applicare i filtri in tempo reale utilizzando AJAX o se vuoi mostrare un pulsante ‘Applica filtri’ sul tuo sito.

Successivamente, devi anche scegliere tra mostrare un pulsante di salvataggio o visualizzare immediatamente i risultati del filtro.

Una volta fatto ciò, scegli se vuoi mostrare i risultati del filtro nella stessa pagina utilizzando AJAX o se vuoi ricaricare i risultati in una nuova pagina.

Successivamente, scorri verso il basso fino all'opzione ‘Nascondi termini vuoti’ e attiva l'interruttore se non vuoi visualizzare termini di filtro che sono vuoti.

Ad esempio, se hai aggiunto una categoria ‘Tazze’ nel tuo negozio WooCommerce, ma attualmente non contiene articoli, non verrà visualizzata nell'elenco ‘Filtra per categoria’.

Dopo di che, procedi e attiva l'interruttore ‘Nascondi prodotti esauriti’ se non vuoi visualizzare prodotti esauriti nei risultati.

Puoi lasciare le altre impostazioni come predefinite o configurarle a tuo piacimento.

Dopo aver fatto le tue scelte, fai clic sul pulsante ‘Salva opzioni’ per memorizzare le modifiche e passare alla scheda ‘Personalizzazione’ in alto.

Configura le Impostazioni di Personalizzazione (Solo Plugin Premium)

Nota: La scheda ‘Personalizzazione’ non sarà disponibile se stai utilizzando la versione gratuita del plugin.

Da qui, puoi scegliere il colore dell'etichetta del tuo filtro WooCommerce, il colore del termine testuale, la dimensione della campitura di colore, il colore dell'area del filtro e altro ancora.

L'aggiunta di colori può rendere il tuo filtro WooCommerce più esteticamente gradevole e abbinarlo al marchio del tuo negozio e-commerce.

Una volta effettuate le tue scelte, fai clic sul pulsante ‘Salva Opzioni’ e passa alla scheda ‘SEO’ dall'alto.

Configura le impostazioni SEO

Una volta lì, attiva l'interruttore ‘Abilita opzione SEO’ per attivare le impostazioni.

Ora puoi aggiungere meta tag dal menu a discesa da utilizzare nelle tue pagine filtrate. Questo migliorerà la SEO del tuo sito.

Per maggiori dettagli, potresti voler leggere il nostro articolo su metadati e meta tag di WordPress.

Puoi anche aggiungere automaticamente l'attributo nofollow a tutte le ancore filtrate attivando l'interruttore ‘Aggiungi "nofollow" alle ancore filtrate’. Questo dirà ai motori di ricerca di non utilizzare le ancore filtrate quando classificano la tua pagina.

Una volta soddisfatto, fai clic sul pulsante ‘Salva opzioni’ per memorizzare le impostazioni.

Aggiungi il filtro WooCommerce alla pagina dei prodotti

Per aggiungere i filtri che hai appena creato alla tua pagina dei prodotti WooCommerce, devi passare alla scheda ‘Preset filtro’ dall'alto.

Una volta lì, copia semplicemente lo shortcode del preset filtro che hai appena creato.

Successivamente, apri semplicemente la tua pagina dei prodotti WooCommerce nell'editor a blocchi dalla dashboard di WordPress.

Una volta lì, fai clic sul pulsante Aggiungi blocco ‘(+)’ nell'angolo in alto a sinistra per trovare il blocco Shortcode.

Ora, incolla semplicemente lo shortcode del preset filtro che hai copiato nel blocco Shortcode.

Infine, fai clic sul pulsante ‘Pubblica’ o ‘Aggiorna’ per salvare le modifiche.

Ora puoi visitare il tuo sito WordPress per vedere il filtro attributi personalizzato di WooCommerce in azione.

Come filtrare i prodotti WooCommerce per attributo personalizzato

Se vuoi creare un filtro prodotti WooCommerce utilizzando attributi personalizzati, allora questo metodo fa per te.

Crea un attributo personalizzato

Per creare un attributo personalizzato, devi visitare la pagina Prodotti » Attributi dalla dashboard di WordPress.

Una volta lì, inizia inserendo un nome e uno slug per l'attributo della tassonomia personalizzata.

Ad esempio, se si desidera creare un filtro per un materiale specifico del prodotto, è possibile denominare l'attributo 'Filtra per materiale'.

Successivamente, è necessario selezionare la casella 'Abilita archivi' se si desidera visualizzare tutti gli articoli che condividono tale attributo in un'unica pagina. 

Dopodiché, fare clic sul pulsante 'Aggiungi attributo' in basso.

Una volta creato l'attributo, fare clic sul collegamento 'Configura termini' per aggiungere termini all'attributo.

Questo ti indirizzerà a una nuova schermata, dove dovrai digitare un termine nella casella 'Nome'.

Ad esempio, se hai creato un attributo chiamato 'Filtra per materiale', puoi aggiungere i singoli materiali come termini, come la lana. Puoi aggiungere quanti termini desideri a un attributo.

Una volta terminato, fare clic sul pulsante 'Aggiungi nuovo filtro per materiale' per salvare il termine.

Aggiungi l'attributo personalizzato a un prodotto

Dopo aver creato un attributo, dovrai aggiungerlo ai singoli prodotti WooCommerce.

Per fare ciò, apri la pagina del prodotto che desideri modificare. Da qui, scorri verso il basso fino alla sezione 'Dati prodotto' e passa alla scheda 'Attributi'.

Successivamente, apri semplicemente il menu a discesa 'Attributo prodotto personalizzato' e seleziona l'attributo personalizzato che hai appena creato.

Ora, procedi e fai clic sul pulsante 'Aggiungi'.

Ora che l'attributo personalizzato è stato aggiunto, cerca semplicemente il termine che corrisponde al prodotto nell'opzione 'Seleziona termini'.

Ad esempio, se hai creato un attributo per il materiale e il prodotto che stai modificando è fatto di lana, dovrai scegliere ‘Lana’ dal menu a discesa.

Una volta terminato, fai clic sul pulsante ‘Salva attributi’.

Successivamente, fai clic sul pulsante ‘Aggiorna’ o ‘Pubblica’ in alto per salvare le modifiche.

Ora dovrai ripetere il processo per tutti i prodotti che condividono lo stesso attributo.

Crea un filtro attributo personalizzato utilizzando un plugin

Successivamente, dovrai installare e attivare il plugin YITH WooCommerce Ajax Product Filter. Per ulteriori istruzioni, consulta la nostra guida su come installare un plugin WordPress.

Nota: Puoi utilizzare la versione gratuita o premium del plugin per creare un filtro attributo personalizzato per WooCommerce.

Dopo l'attivazione, vai alla pagina YITH » Ajax Product Filter dal pannello di controllo di WordPress.

Da qui, fai clic sul pulsante ‘+ Crea un nuovo preset’.

Successivamente, devi digitare un nome per il preset che stai creando nella casella ‘Nome preset’.

Una volta terminato, fai clic sul pulsante ‘+ Aggiungi un nuovo filtro’ in basso per iniziare a creare un filtro attributo personalizzato di WooCommerce.

Innanzitutto, dovrai digitare un nome nella casella ‘Nome filtro’.

Ad esempio, se stai creando un filtro che aiuterà i clienti a ordinare tra diverse opzioni di materiale, puoi chiamarlo ‘Filtro per materiale’.

Successivamente, seleziona semplicemente ‘Tassonomia’ dal menu a discesa ‘Filtra per’. Se stai utilizzando la versione gratuita del plugin, questa opzione sarà selezionata per te per impostazione predefinita.

Ora, l'attributo personalizzato che hai creato sarà già disponibile nel menu a discesa accanto all'opzione ‘Scegli tassonomia’.

Procedi e scegli l'attributo personalizzato dall'elenco a discesa e digita i termini dell'attributo nella casella ‘Scegli termini’.

Successivamente, devi scegliere come desideri che il filtro venga visualizzato sul front-end del tuo negozio dal menu a discesa ‘Tipo di filtro’.

Il filtro può essere visualizzato come una casella di controllo, un menu a discesa, testo, campioni di colore e altro ancora.

Una volta fatto ciò, scegli un ordine predefinito per i termini filtrati dal menu a discesa ‘Ordina per’.

Puoi ordinare le categorie del filtro utilizzando il nome, il conteggio dei termini o lo slug. Puoi anche selezionare il ‘Tipo di ordinamento’ per i termini filtrati in ordine crescente (ASC) o decrescente (DESC).

Infine, fai clic sul pulsante ‘Salva filtro’ in basso per salvare il tuo filtro di attributi personalizzato.

Successivamente, devi passare alla scheda ‘Impostazioni generali’ dall'alto. Da qui, puoi scegliere una modalità di filtro, nascondere i termini vuoti e configurare altre impostazioni in base alle tue esigenze.

Una volta terminato, fai clic sul pulsante ‘Salva opzioni’ per memorizzare le modifiche e passare alla scheda ‘Personalizzazione’ dall'alto.

Nota: Se stai utilizzando la versione gratuita, queste impostazioni di personalizzazione non saranno disponibili.

Da qui, puoi personalizzare l'aspetto del tuo preset di filtro sul front-end del tuo sito web.

Ad esempio, puoi scegliere il colore dello stile dell'etichetta, il colore del testo dei termini, la dimensione dei campioni di colore, il colore dell'area del filtro e altro ancora.

Dopo aver fatto le tue scelte, fai clic sul pulsante ‘Salva opzioni’ e passa alla scheda ‘SEO’ dall'alto.

Da qui, attiva l'interruttore ‘Abilita opzione SEO’ per attivare le impostazioni.

Puoi aggiungere meta tag robots dal menu a discesa da utilizzare nelle tue pagine filtrate. Ciò ottimizzerà la SEO del tuo sito.

Puoi anche attivare l'interruttore 'Aggiungi "nofollow" agli ancoraggi del filtro' per aggiungere automaticamente l'attributo nofollow a tutti gli ancoraggi del filtro.

Una volta soddisfatto, fai clic sul pulsante ‘Salva opzioni’ per memorizzare le impostazioni.

Aggiungi il filtro attributi personalizzato a una pagina prodotti WooCommerce

Per aggiungere il filtro attributi personalizzato a una pagina negozio WooCommerce, dovrai passare alla scheda ‘Preset filtro’ in alto.

Da qui, copia lo shortcode del filtro attributi personalizzato.

Successivamente, apri la tua pagina prodotti nell'editor a blocchi dalla barra laterale di amministrazione di WordPress.

Qui, fai clic sul pulsante Aggiungi blocco ‘(+)’ nell'angolo in alto a sinistra per trascinare e rilasciare il blocco Shortcode.

Dopodiché, incolla semplicemente lo shortcode del preset filtro che hai copiato nel blocco.

Infine, fai clic sul pulsante ‘Pubblica’ o ‘Aggiorna’ per salvare le modifiche.

Ora puoi visitare il tuo sito web per vedere il filtro attributi personalizzato di WooCommerce in azione.

Suggerimenti bonus per aumentare le vendite di WooCommerce

Oltre ad aggiungere filtri di ricerca, un altro modo per aumentare le conversioni nel tuo negozio online è migliorare la velocità del tuo sito web.

Un negozio WooCommerce che si carica più velocemente può trattenere facilmente i clienti e generare più lead.

Per migliorare il tempo di caricamento del tuo negozio, ti consigliamo di passare a SiteGround. Sono un provider di hosting consigliato da WooCommerce che rende il tuo sito web super veloce e offre funzionalità straordinarie come Ultrafast PHP, caching per e-commerce e altro ancora.

Un altro consiglio è quello di impostare il caching sul tuo negozio WooCommerce.

È una tecnica che memorizza i dati del tuo sito web in una posizione temporanea per migliorare le prestazioni. Puoi utilizzare uno qualsiasi dei migliori plugin di caching per WooCommerce per migliorare la velocità.

Oltre a ciò, puoi anche provare a ottimizzare le immagini dei tuoi prodotti, scegliere un tema WooCommerce a caricamento più rapido, utilizzare l'ultima versione di PHP, attivare un firewall a livello DNS e molto altro per migliorare l'esperienza del cliente.

Per istruzioni dettagliate, consulta la nostra guida per principianti su come velocizzare le prestazioni di WooCommerce.

Speriamo che questo articolo ti abbia aiutato a imparare come filtrare i prodotti WooCommerce per attributo e attributo personalizzato. Potresti anche voler consultare il nostro articolo su come offrire uno sconto sulla spedizione in WooCommerce e le nostre migliori scelte per i migliori temi WooCommerce.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.