Cosa sono e come usarli

Gestire un negozio online può essere impegnativo. Dovrai organizzare i tuoi prodotti in modo che i clienti possano trovare gli articoli che stanno cercando. Fortunatamente, i blocchi dei filtri dei prodotti WooCommerce possono raggruppare e visualizzare gli elementi specificati dall'utente in pochi secondi.

Con i blocchi filtro prodotto, puoi organizzare gli articoli del tuo negozio WooCommerce in base alle loro caratteristiche. Questi potrebbero includere i loro prezzi, categorie, attributi o tag. Quindi, dovrai semplicemente inserire il blocco in un post o in una pagina e i tuoi clienti potranno trovare risultati filtrati.

In questa guida, presenteremo tutti i diversi blocchi di filtri dei prodotti WooCommerce e discuteremo perché potresti considerare di utilizzarli. Successivamente, ti spiegheremo come inserire e configurare questi elementi nel tuo negozio online. Iniziamo!

Sommario:

Un'introduzione ai blocchi dei filtri dei prodotti WooCommerce

WooCommerce ha una raccolta di blocchi WooCommerce progettati per consentire agli utenti di cercare prodotti specifici nel tuo negozio online. Questi elementi interattivi consentono ai consumatori di filtrare i loro risultati e trovare gli articoli più adatti alle loro esigenze.

Ecco una rapida panoramica dei blocchi di filtri dei prodotti WooCommerce gratuiti:

• Filtra prodotti per prezzo: questo blocco consente ai clienti di scegliere una fascia di prezzo utilizzando un dispositivo di scorrimento e visualizzare solo gli articoli che rientrano in tale fascia.
• Filtra i prodotti per attributo: consente ai clienti di cercare gli articoli in base ai loro attributi, inclusi dimensioni, colori e stili.
• Filtri di prodotto attivi: aiutano i clienti a vedere quali filtri hanno già applicato alla loro ricerca in modo che possano modificarla.
• Filtra prodotti per Stock: questo blocco mostra solo gli articoli in stock, esauriti o in arretrato.

Puoi utilizzare questi blocchi su post, pagine e aree widget. Interagendo con il blocco, i clienti potranno scegliere tra parametri predeterminati per vedere i risultati filtrati.

Se desideri maggiore flessibilità per l'impostazione dei filtri dei prodotti, puoi anche installare un plug-in di filtri dei prodotti WooCommerce dedicato. Condivideremo alcune opzioni di qualità più avanti in questo articolo.

Perché potresti prendere in considerazione l'utilizzo di blocchi filtro prodotto WooCommerce

I blocchi dei filtri dei prodotti WooCommerce possono migliorare significativamente l'esperienza utente (UX) del tuo negozio online. Se disponi di un ampio catalogo di prodotti, i clienti potrebbero passare ore a scorrere i tuoi articoli mentre cercano quelli che si adattano alle loro esigenze. Tuttavia, probabilmente si sentiranno frustrati e faranno clic per fare acquisti da qualche altra parte.

A seconda dei prodotti che vendi, i filtri dei prodotti consentono ai clienti di esplorare il tuo negozio alla ricerca di colori, dimensioni, ingredienti e marchi adatti alle loro esigenze. Inoltre, i risultati verranno aggiornati sulla stessa pagina. Pertanto, i consumatori non dovranno accedere alle pagine delle categorie e interrompere le loro esperienze di acquisto.

Come utilizzare i blocchi filtro prodotto WooCommerce

In questa prima sezione, ti mostreremo come utilizzare i blocchi di filtri del prodotto predefiniti che WooCommerce include automaticamente. Ancora una volta, per una maggiore flessibilità, puoi prendere in considerazione uno dei plug-in del filtro dei prodotti WooCommerce nella sezione successiva.

La maggior parte dei blocchi dei filtri dei prodotti WooCommerce funzionano allo stesso modo. Dovrai semplicemente inserire il blocco e quindi determinare quale caratteristica del prodotto viene visualizzata.

Puoi trovare tutti questi blocchi in WordPress facendo clic sul pulsante + per inserire un nuovo blocco e cercando "Filtro WooCommerce:"

Tieni presente che dovrai prima aggiungere attributi, tag, categorie e altre caratteristiche ai tuoi prodotti WooCommerce. In caso contrario, non avrai alcun dato da utilizzare nel tuo blocco.

Ora, diamo un'occhiata a come utilizzare i blocchi dei filtri dei prodotti WooCommerce. Useremo l'elemento Filter Products by Attribute come esempio.

Passaggio 1: aggiungi attributi ai tuoi prodotti WooCommerce

️ Nota : per altri filtri (come prezzo o stock), non sarà necessario impostare alcun attributo.

Se non l'hai già fatto, ti consigliamo di aggiungere categorie, tag e attributi ai tuoi prodotti WooCommerce. Queste tassonomie rendono più facile per i clienti trovare gli articoli desiderati. Inoltre, i blocchi dei filtri dei prodotti WooCommerce non funzioneranno senza queste classificazioni.

Inizia navigando su Prodotti > Attributi nella dashboard di WordPress. Qui puoi creare nuove classificazioni per i tuoi prodotti. Come puoi vedere, abbiamo già Colore e Taglia nel nostro negozio online:

Dovrai inserire un nome e uno slug per il tuo nuovo attributo. Quindi, fare clic su Aggiungi attributo per salvare la classificazione. Tieni presente che puoi seguire la stessa procedura per le categorie di prodotti (e sottocategorie) e i tag.

Quindi, apri i tuoi prodotti per aggiungere le loro tassonomie. Puoi farlo andando su Prodotti > Tutti i prodotti e facendo clic su un articolo.

Ora scorri verso il basso fino alla sezione Dati prodotto e apri il menu Attributi :

Puoi aggiungere attributi al tuo prodotto selezionandoli dal menu a tendina e facendo clic su Aggiungi . Quindi, scegli la freccia a discesa accanto all'attributo per inserire le tue informazioni personalizzate.

Ad esempio, nel nostro esempio, abbiamo aggiunto Rosso come attributo Colore al nostro prodotto:

Dopo aver aggiunto tutte le variabili, fai clic su Salva attributi . Ora i clienti potranno trovare articoli con queste caratteristiche attraverso il blocco del filtro dei prodotti WooCommerce.

Passaggio 2: inserisci il blocco del filtro del prodotto

Successivamente, dovrai aprire la pagina o il post in cui desideri utilizzare il blocco del filtro del prodotto. Potresti anche considerare di utilizzare l'elemento in una barra laterale nelle pagine del tuo negozio in modo che i clienti possano filtrare i loro risultati mentre navigano.

Innanzitutto, dovrai aggiungere il blocco Tutti i prodotti alla tua pagina. In caso contrario, WooCommerce non sarà in grado di filtrare e visualizzare articoli specifici.

Puoi farlo facendo clic sul pulsante + e cercando "tutti i prodotti". Seleziona il blocco e aggiungilo alla tua pagina:

Quindi, cerca "attributo del filtro WooCommerce:"

Clicca sul blocco e verrà inserito nella tua pagina. Ora puoi cercare un attributo del prodotto o sceglierne uno dall'elenco a discesa. Useremo Color nel nostro esempio:

Il tuo blocco verrà ora trasformato per visualizzare un nuovo titolo e un elenco degli attributi del prodotto che hai scelto (come i diversi colori degli articoli):

Potresti lasciare il blocco così com'è se ti piace come appare. In alternativa, nel passaggio successivo, discuteremo come personalizzare l'aspetto di questo elemento.

Passaggio 3: configurare le impostazioni del blocco

Successivamente, puoi personalizzare l'aspetto del blocco del filtro del prodotto WooCommerce. Basta fare clic sul blocco Filtra prodotti per attributo e quindi selezionare l'icona a forma di ingranaggio a destra:

Qui puoi scegliere se visualizzare il conteggio dei tuoi prodotti . Questa impostazione potrebbe essere utile se disponi di un ampio catalogo di articoli e desideri offrire ai tuoi clienti un'ampia gamma tra cui scegliere.

Puoi anche scegliere il livello di intestazione per gli attributi del tuo prodotto. Il valore predefinito è H3 , ma puoi selezionare da H2 a H6 in base alle esigenze stilistiche del tuo negozio.

Se scorri verso il basso, dovresti vedere alcune configurazioni aggiuntive in Impostazioni blocco :

Qui puoi scegliere il tipo di query . Se si opta per And , WooCommerce visualizzerà solo i prodotti che contengono tutti gli attributi specificati dal cliente. Nel frattempo, l'opzione O mostrerà tutti gli elementi che hanno almeno uno degli attributi.

In Tipo di visualizzazione , puoi scegliere di visualizzare i tuoi attributi in formato elenco o menu a discesa. Entrambe le opzioni sono relativamente facili da usare.

Infine, puoi scegliere di abilitare il pulsante Filtro . Se lo attivi, i clienti dovranno fare clic su Vai per filtrare i risultati della ricerca. Tuttavia, se lo lasci disattivato, la semplice selezione di uno degli attributi aggiornerà i prodotti visualizzati.

Questo è tutto! Il tuo blocco filtro prodotto WooCommerce è ora pronto per l'azione:

Basta salvare e pubblicare le modifiche. I clienti potranno ora filtrare le loro ricerche di prodotti con attributi specifici.

Una panoramica dei plugin dei filtri dei prodotti WooCommerce

Oltre ai blocchi gratuiti di WooCommerce, puoi anche accedere a plug-in di terze parti per aggiungere maggiore flessibilità per l'impostazione dei filtri. Ad esempio, il plug-in WooCommerce Product Search contiene le seguenti opzioni di filtro:

• Prodotti: mostra una raccolta di prodotti filtrati. Questo blocco può replicare la pagina del tuo negozio e visualizzare gli articoli controllati da altri blocchi filtro prodotto nella stessa pagina.
• Cerca: crea una funzione di ricerca filtrata per il tuo negozio WooCommerce.
• Categorie: mostra i prodotti che corrispondono a categorie particolari, come il tipo di abbigliamento o il genere.
• Attributi: mostra i prodotti con attributi specifici, come colore, marca, taglia, forma, marca o caratteristiche particolari.
• Tag: mostra i prodotti che corrispondono ai tag dei prodotti, inclusi "in primo piano", "logo" o "tendenza".
• Prezzo: Visualizza i prodotti all'interno dei parametri di prezzo specificati.
• Valutazione: presenta i prodotti in base alla loro valutazione media.
• Saldi: mostra solo i prodotti in saldo.
• Stock: mostra solo i prodotti in stock.
• Reimposta: consente ai clienti di reimpostare i parametri del filtro del prodotto. Quindi, possono vedere tutti i tuoi articoli disponibili o inserire nuove impostazioni per personalizzare le loro ricerche.

In alternativa, potresti prendere in considerazione l'utilizzo del plug-in WOOF Products Filter per WooCommerce:

Con questo plug-in, i clienti possono filtrare gli articoli in base a categorie, attributi, tag, tassonomie personalizzate e prezzi. Inoltre, i risultati visualizzati sono in genere più attraenti e personalizzabili rispetto ai blocchi WooCommerce predefiniti.

WooCommerce Product Filter di WooBeWoo è un'altra eccellente opzione freemium:

Puoi usarlo da solo o con Elementor per progettare filtri di prodotto e condizioni di layout personalizzati. Il plug-in premium include funzionalità aggiuntive, come icone di categoria, stili personalizzati e un pulsante per nascondere/mostrare filtri.

Inizia oggi stesso con i filtri dei prodotti WooCommerce

Fortunatamente, è anche molto facile utilizzare un blocco di filtri per prodotti WooCommerce. Dovrai semplicemente aggiungere tassonomie, come categorie, attributi o tag, ai tuoi prodotti. Quindi, puoi utilizzare il blocco WooCommerce corrispondente insieme a un blocco Tutti i prodotti nella pagina del tuo negozio.

Per una maggiore flessibilità, puoi anche installare un plug-in di filtro prodotto WooCommerce dedicato.

Se vuoi trovare ancora più modi per creare un negozio WooCommerce migliore, puoi anche dare un'occhiata alla nostra raccolta di plugin WooCommerce indispensabili.

Hai domande sull'utilizzo dei blocchi filtro prodotto WooCommerce? Fatecelo sapere nella sezione commenti qui sotto!