Come aggiungere sfaccettature e filtri in WooCommerce – guida passo passo

I grandi mercati di eCommerce ospitano milioni di prodotti digitali e fisici. Amazon da solo ha almeno 362 milioni di prodotti. Ti sei mai chiesto come fanno gli acquirenti online a trovare il prodotto esatto di cui hanno bisogno in mezzo a così tante opzioni?

Una delle caratteristiche chiave che lo rendono possibile è la ricerca sfaccettata.

In qualità di proprietario di un sito Web WooCommerce, uno dei modi più efficaci per migliorare l'esperienza del cliente del tuo negozio è aggiungere sfaccettature e filtri.

I filtri WooCommerce aiutano i clienti a restringere le ricerche selezionando gli attributi per restringere le loro opzioni.

La ricerca sfaccettata aiuta i tuoi clienti a navigare più velocemente nel tuo sito e a trovare i prodotti esatti di cui hanno bisogno.

Nella maggior parte dei siti di eCommerce, la ricerca dei prodotti inizia con la digitazione di una parola chiave nella barra di ricerca. Se hai un grande negozio con tonnellate di prodotti, i visitatori potrebbero dover scorrere diverse pagine di risultati per trovare quello che stanno cercando.

Ciò potrebbe influire negativamente sull'esperienza del cliente.

Puoi evitarlo aggiungendo sfaccettature e filtri WooCommerce avanzati al tuo negozio. In questo modo migliorerai notevolmente la tua esperienza di ricerca nel sito di eCommerce.

In questo articolo, ti mostreremo la differenza tra i filtri e le sfaccettature di WooCommerce. Quindi dimostreremo come aggiungere la funzione al tuo sito.

Cosa sono i filtri e le sfaccettature in WooCommerce?

I filtri e le sfaccettature sono due caratteristiche importanti che troverai sui siti di eCommerce di successo. Puoi utilizzare entrambi gli elementi dell'esperienza utente (UX) per migliorare la ricerca dei prodotti e la navigazione del sito nel tuo negozio WooCommerce.

Ma funzionano in modo leggermente diverso.

Un filtro WooCommerce è un attributo del prodotto che i visitatori possono utilizzare per restringere gli articoli visualizzati sulla pagina di un negozio o nei risultati di ricerca.

Ad esempio, dopo aver cercato un determinato marchio, un cliente può decidere di filtrare i risultati in base al colore, alla taglia o alla categoria del prodotto.

I filtri WooCommerce visualizzati su qualsiasi pagina dei risultati di ricerca o pagina del negozio sono sempre gli stessi e non cambiano in base all'elenco dei prodotti nella pagina.

Ad esempio, una pagina dei risultati di ricerca potrebbe non contenere alcun prodotto "Taglia L", ma questo filtro sarà comunque disponibile. Quindi, se un utente seleziona il filtro "Taglia L", non restituirà alcun risultato.

I facet sono filtri avanzati. Sono più specifici e sempre pertinenti alla pagina specifica e ai risultati della query.

Le sfaccettature di WooCommerce cambiano sempre e vengono visualizzate in base alla query dell'utente e restituisce sempre un risultato di ricerca pertinente.

Ciò ha evidenti vantaggi di usabilità per i negozi online.

Puoi aggiungere questo tipo di ricerca avanzata di prodotti al tuo negozio utilizzando un plug-in di ricerca sfaccettato WooCommerce.

Questo tipo di plug-in ti aiuterà ad aggiungere sfaccettature e filtri alle pagine delle tue categorie, alle pagine del negozio e ad altre pagine come la tua knowledge base. Sarai anche in grado di personalizzare ampiamente queste sfaccettature per soddisfare le tue esigenze specifiche.

Nel mondo reale, i risultati assomigliano a questo:

Come possiamo vedere sul sito Next, i filtri disponibili su ogni pagina di categoria cambiano a seconda del prodotto elencato nella pagina.

L'implementazione delle sfaccettature in questo modo aiuta i visitatori del tuo sito a esaminare i tuoi prodotti molto più velocemente.

Cosa cercare in un plug-in di ricerca sfaccettato WooCommerce

Se decidi di provare un plug-in di ricerca sfaccettato WooCommerce, dovrai scegliere tra un certo numero di opzioni. Proprio come quasi tutte le altre categorie di plugin di WordPress, ci sono molti plugin di ricerca là fuori.

Ma cosa rende un ottimo plugin per la ricerca sfaccettata di WooCommerce?

Facilità d'uso

L'esperienza utente del tuo negozio ha un impatto importante sulla sua capacità di convertire e soddisfare le aspettative dei consumatori. Questo è il motivo per cui è importante garantire che il plug-in di ricerca a faccette renda facile per i visitatori trovare ciò che desiderano.

La prima considerazione qui è la rilevanza dei filtri disponibili in ogni pagina.

Il plug-in dovrebbe essere in grado di raggruppare e visualizzare i filtri con una logica adatta al comportamento di ricerca del cliente medio.

I filtri possono essere facilmente raggruppati in base a categorie di prodotti, attributi e persino tassonomie personalizzate.

Dovresti anche prestare molta attenzione al design UI/UX.

Ad esempio, i filtri e i facet devono essere posizionati nell'angolo appropriato della pagina (in genere nella parte superiore o in un widget della barra laterale).

Anche il numero di stili di visualizzazione dei filtri è importante. Le opzioni popolari includono menu a discesa, caselle di controllo, pulsanti di opzione e cursori di intervallo.

Più alternative hai, meglio è!

Un buon plugin di ricerca sfaccettato WooCommerce dovrebbe anche essere facile da usare sul back-end. Anche i principianti di WordPress dovrebbero essere in grado di impostare filtri e configurare altre impostazioni importanti in pochi minuti.

Possibilità di applicare più filtri contemporaneamente

Questa è una caratteristica importante che può creare o distruggere l'esperienza di ricerca. Assicurati che il plug-in che scegli ti consenta di applicare più valori di filtro.

Questo vale sia per i filtri nello stesso gruppo di filtri che per i filtri in gruppi diversi. Essere in grado di farlo può far risparmiare molto tempo al tuo cliente.

Significa che non devono più vedere più pagine dei risultati di ricerca solo per trovare quello che vogliono.

Il plug-in dovrebbe anche offrire la possibilità di applicare i filtri selezionati in diversi modi.

Ad esempio, l'applicazione della ricerca AJAX istantanea significa che i risultati pertinenti vengono visualizzati immediatamente dopo che un utente ha selezionato un filtro.

In alternativa, dovresti anche essere in grado di aggiungere un pulsante "Applica filtro" su cui l'utente può fare clic dopo aver selezionato tutti i filtri desiderati.

Filtraggio utilizzando qualsiasi dato di prodotto

Abbiamo parlato dell'importanza di aggiungere filtri e sfaccettature pertinenti alle pagine del tuo negozio in precedenza.

Ciò è possibile solo se il plug-in di ricerca sfaccettato di WooCommerce ti consente di creare filtri basati praticamente su qualsiasi tipo di dati di prodotto.

Potresti voler filtrare in base a qualsiasi tipo di attributo del prodotto come taglia, colore, marca e così via.

Altri tipi di dati di prodotto che rendono la ricerca sfaccettata molto efficace includono il filtraggio per prezzo, valutazioni, categorie e tag.

Con il plug-in di filtro giusto, puoi persino aggiungere filtri per dati non predefiniti utilizzando plug-in di tassonomia personalizzati come Easy Post Types e Fields.

Il tuo plug-in ideale dovrebbe supportare la creazione di filtri con qualsiasi dato di prodotto. Ciò garantisce che non sei limitato a solo pochi set di opzioni, indipendentemente dal tipo di negozio che hai.

Prestazioni e facilità di sviluppo

Le prestazioni sono un altro componente chiave della ricerca del tuo negozio e dell'esperienza complessiva del cliente.

Ogni volta che un visitatore applica un filtro, il plug-in inizia a cercare tra centinaia, o forse migliaia di prodotti per trovare la corrispondenza giusta.

Se il plug-in non è ben ottimizzato per le prestazioni, potrebbe volerci un'eternità per visualizzare i risultati. Questo può scoraggiare alcuni clienti o addirittura farli lasciare completamente il tuo negozio.

Inoltre, è importante che il plug-in recuperi risultati di ricerca sfaccettati accurati, senza abbandonare i nostri determinati prodotti.

Un buon plugin per la ricerca sfaccettata di WordPress deve anche essere reattivo.

I filtri sembrano decenti sui dispositivi mobili? Quanto è facile navigarli e visualizzano i risultati velocemente? Queste sono domande importanti a cui devi trovare le risposte.

La facilità di sviluppo è altrettanto importante.

Il codice di un buon plug-in di ricerca sfaccettato WooCommerce dovrebbe essere scritto in un modo che sia facile da modificare. Questo è rilevante per gli utenti che conoscono PHP e CSS.

Significa che saranno in grado di modificare il comportamento di ricerca o personalizzare di conseguenza l'aspetto dei filtri.

Compatibilità con altri plugin

Per ottenere i risultati desiderati nel tuo negozio WooCommerce, è importante utilizzare solo plugin compatibili con altri plugin di WordPress.

Questo ti aiuta a sfruttare la modularità della piattaforma.

Ad esempio, ci sono momenti in cui ha senso aggiungere un sistema di filtraggio alle tabelle dei prodotti WooCommerce. Entrambe le funzionalità richiedono diversi plugin per WordPress.

Potresti anche volere che i visitatori del tuo sito utilizzino i filtri durante la navigazione nel tuo sistema di ordinazione dei ristoranti online.

In ogni caso, avrai bisogno di un plug-in di ricerca sfaccettato WooCommerce che funzioni perfettamente con altri plug-in WooCommerce. Ciò consente a te e ai tuoi clienti di ottenere il tipo di esperienza utente che desideri.

Qual è il miglior plugin per filtri sfaccettati di WordPress?

Per rispondere a questa domanda, abbiamo confrontato una serie di plug-in di filtri sfaccettati in base ai fattori sopra menzionati.

Alla fine, la nostra scelta numero 1 per il miglior plug-in di ricerca sfaccettato di WooCommerce è WooCommerce Product Filters.

Per cominciare, questo plug-in di filtri sfaccettato eccelle nel fornire un sistema di ricerca efficace e accurato. Dopo averlo aggiunto al tuo sito, i tuoi clienti saranno in grado di combinare più dati di prodotto per filtrare rapidamente le tue offerte di prodotti in tutto il sito.

Il plug-in offre prestazioni eccellenti indicizzando i tuoi prodotti e fornendo immediatamente risultati di ricerca pertinenti.

Hai anche molta flessibilità quando si tratta di visualizzare i filtri. Questi stili di filtro si combinano con altre funzionalità di progettazione UI/UX che rendono molto facile per gli utenti navigare nel tuo sito e trovare ciò che stanno cercando.

Diamo un'occhiata più da vicino alle caratteristiche principali del plugin.

Caratteristiche principali dei filtri dei prodotti WooCommerce

Ecco alcune delle principali funzionalità di filtro sfaccettate che WooCommerce Product Filters aggiunge al tuo negozio WordPress:

• Crea filtri sfaccettati utilizzando qualsiasi dato di prodotto. Usa i filtri dei prodotti WooCommerce per creare filtri basati su tag di prodotto, categorie, valutazioni e attributi come colore e taglia. Puoi anche aggiungere tassonomie personalizzate come filtri. Quando i visitatori del sito applicano i facet selezionati, il plug-in mostrerà i facet attivi e il conteggio del prodotto corrispondente nella pagina dei risultati.
• Aggiungi sfaccettature alle pagine del tuo negozio in diversi modi. Dopo aver creato le sfaccettature in base ai dati di prodotto, ottieni anche più opzioni per aggiungerle al tuo negozio. Puoi aggiungere sfaccettature progettando da zero un widget della barra laterale e quindi aggiungendolo a qualsiasi pagina tu scelga. In alternativa, puoi anche creare gruppi di faccette che sono raccolte di faccette correlate. I gruppi ti aiutano ad aggiungere più rapidamente la ricerca sfaccettata alle pagine del tuo negozio. Ogni gruppo di facce ha uno shortcode che puoi copiare dalla pagina "Gruppi di filtri" nella dashboard di WordPress.
• Scegli tra vari stili di filtro. Rendi la ricerca sfaccettata di WooCommerce il più interattiva e intuitiva possibile. Puoi scegliere tra un'ampia varietà di stili di visualizzazione, a seconda del tipo di filtro. Puoi visualizzare i filtri come menu a discesa, caselle di controllo, pulsanti di opzione, campioni di colore e cursori di intervallo. Puoi anche impostare la ricerca sfaccettata in un widget della barra laterale o nella parte superiore dell'elenco dei prodotti.
• Prestazioni reattive e ricerca AJAX istantanea. Il plug-in fornisce risultati di ricerca immediati sia che utilizzi AJAX o il pulsante "Applica filtro". Questo è indipendentemente dal numero di prodotti che ha il tuo negozio. È anche ben ottimizzato in modo che la tua ricerca sfaccettata WooCommerce funzioni perfettamente su qualsiasi dispositivo da cui il tuo cliente sta visitando.
• Plugin WooCommerce e compatibilità dei temi. Sia che il tuo negozio abbia una tabella dei prodotti WooCommerce o un sistema di ordinazione dei ristoranti, i filtri dei prodotti possono aggiungere facilmente un sistema di filtraggio. Il plug-in funziona perfettamente con alcuni modelli Astra WooCommerce Starter e non abbiamo riscontrato alcun problema.

Ora che sappiamo quanto efficacemente funzionano i filtri dei prodotti WooCommerce, ti mostriamo come aggiungere sfaccettature e filtri con esso.

Come aggiungere ricerca sfaccettata e filtri a un negozio WooCommerce

Pronto per aggiungere sfaccettature e filtri WooCommerce avanzati al tuo negozio?

Segui questi 4 semplici passaggi:

Passaggio 1: installa e attiva i filtri dei prodotti WooCommerce

Inizia ottenendo una copia di WooCommerce Product Filters qui.

Dopo aver ottenuto il plug-in, riceverai un'e-mail contenente la chiave di licenza e un collegamento per scaricare il plug-in. Salva questa chiave in modo sicuro poiché ti servirà per attivare la licenza del plug-in in un secondo momento.

Accedi alla dashboard di amministrazione di WordPress e vai su Plugin> Aggiungi nuovo> Carica plug- in.

Carica il file .zip scaricato in precedenza e fai clic su Installa ora . Quindi fare clic su Attiva plug-in .

Passaggio 2: configurare le impostazioni del filtro del prodotto

Dopo aver attivato il plug-in, si aprirà la procedura guidata di configurazione. Ti chiederà di attivare la sua licenza e di scegliere le impostazioni principali per i filtri dei tuoi prodotti WooCommerce.

Ecco alcune delle impostazioni più importanti da tenere a mente:

• Modalità filtro: questa sezione ti consente di decidere cosa succede quando i visitatori del sito selezionano i filtri. Puoi scegliere di applicare i filtri immediatamente dopo che sono stati selezionati (AJAX) o richiedere all'utente di fare clic sul pulsante " Applica filtri ".
• Conteggio prodotti: scegli come visualizzare il numero di prodotti rilevanti per la selezione del filtro. Il conteggio dei prodotti può essere visualizzato accanto a ogni singolo filtro prodotto. Puoi anche optare per entrambi i metodi.
• Visibilità del filtro: decidi dove visualizzare i filtri che crei e quali filtri visualizzare. Puoi selezionare un gruppo di filtri da visualizzare nella parte superiore di tutte le pagine del tuo negozio. È anche possibile nascondere i filtri su dispositivi mobili e/o desktop in modo che i clienti possano fare clic su un pulsante per mostrarli in un pannello scorrevole. Questo è l'ideale per risparmiare spazio sulla pagina.

Dopo aver configurato le impostazioni predefinite, è il momento di creare il tuo primo filtro sfaccettato WooCommerce. Ora hai aggiunto con successo un plugin di ricerca sfaccettato WooCommerce al tuo negozio!

Passaggio 2: crea i tuoi primi filtri

WooCommerce Product Filters ti consente di creare filtri e sfaccettature in base a diversi dati di prodotto. Puoi utilizzare dati semplici come categorie, tag, prezzo, valutazioni, valore "disponibile" o persino tassonomie personalizzate.

Per fare ciò, vai su Prodotti > Filtri nell'amministratore di WordPress.

Nella scheda Filtri , fare clic per modificare il gruppo di filtri predefinito o crearne uno nuovo. Trova il modulo Aggiungi nuovo filtro e inserisci le informazioni necessarie.

Inserisci dettagli importanti come il nome del filtro, il tipo di filtro e gli attributi del filtro come colore, tag e categoria di prodotto.

Il tipo di filtro si riferisce allo stile di visualizzazione come menu a discesa, caselle di controllo o etichette. Ci sono molte opzioni di stile per visualizzare i filtri dei tuoi prodotti WooCommerce, quindi scegli quello che fornirà la migliore esperienza del cliente per ogni filtro.

Passaggio 4: aggiungi filtri a qualsiasi pagina

Infine, puoi aggiungere un gruppo di filtri a qualsiasi pagina utilizzando tre metodi a scelta.

Visualizza su tutte le pagine del negozio

Il primo metodo è il più semplice. In effetti, l'abbiamo già trattato! Nella procedura guidata di configurazione, c'era un'opzione per selezionare un gruppo di filtri che sarebbe apparso nella parte superiore di tutte le pagine del tuo negozio WooCommerce.

Se l'hai già fatto allora fantastico. Altrimenti, vai su Prodotti > Filtri > Impostazioni e fallo ora.

Aggiungi widget filtro

In alternativa (o in aggiunta) alla visualizzazione di un gruppo di filtri sopra le pagine del tuo negozio, puoi aggiungere filtri come widget della barra laterale.

Per fare ciò, vai su Aspetto > Widget .

Cerca " Filtri prodotto " e aggiungilo alla parte della pagina che desideri. Puoi anche scegliere tra un layout verticale o orizzontale per i filtri.

Se il tuo tema ha aree della barra laterale integrate, puoi aggiungere widget di filtro a qualsiasi barra laterale.

Gli utenti del tema Astra possono anche usufruire dei vantaggi della barra laterale Off Canvas, in cui gli utenti fanno clic su un pulsante o un collegamento per rivelare una barra laterale nascosta. Questa è un'idea eccellente se hai molti filtri e desideri fornire filtri avanzati senza ingombrare la pagina.

È anche utile se desideri aggiungere altri tipi di widget alla barra laterale nascosta, oltre ai widget filtro.

Usa uno shortcode per aggiungere filtri ovunque

Infine, puoi ottenere ancora più flessibilità utilizzando uno shortcode per visualizzare i filtri in qualsiasi punto del tuo sito.

Questa è una buona opzione se stai utilizzando un plug-in per la creazione di pagine per progettare le pagine del tuo negozio. Aggiungi semplicemente lo shortcode a un blocco "Shortcode" in qualsiasi punto della pagina in cui stai elencando i prodotti.

Per trovare lo shortcode, vai su Prodotti > Filtri e copia e incolla lo shortcode per il gruppo di filtri che desideri visualizzare.

Aggiungi la ricerca sfaccettata WooCommerce al tuo negozio oggi

La rilevabilità del prodotto e la navigazione del sito costituiscono una parte cruciale dell'esperienza del cliente di ogni negozio WooCommerce. Con la ricerca sfaccettata di WooCommerce, puoi aiutare i visitatori del tuo negozio a trovare i prodotti esatti di cui hanno bisogno più velocemente.

Ciò, a sua volta, avrà un impatto positivo sul tasso di conversione e sulla soddisfazione dei clienti.

Puoi aggiornare l'esperienza di ricerca del tuo negozio aggiungendo un plug-in di filtro sfaccettato.

In questo articolo, abbiamo dimostrato come utilizzare i filtri dei prodotti per aggiungere sfaccettature e filtri al tuo negozio WooCommerce.

Ci auguriamo che questi semplici passaggi ti abbiano aiutato a migliorare l'esperienza del cliente del tuo negozio!

Facci sapere se hai domande nella sezione commenti qui sotto.