Come ordinare i prodotti WooCommerce

Pubblicato: 2022-01-11

Il riordino dei prodotti consente agli utenti di filtrare i risultati in base alle proprie preferenze ed è un ottimo modo per migliorare la visibilità e le conversioni dei prodotti. In questo articolo, ti mostreremo diversi metodi per ordinare i prodotti WooCommerce .

Perché ordinare i prodotti in WooCommerce?

A seconda del tuo negozio, puoi avere centinaia o migliaia di prodotti. Se è così e non disponi di un buon sistema di ricerca, potrebbe essere difficile per i tuoi clienti trovare gli articoli desiderati. Ciò può rendere più difficile per loro trovare ciò che stanno cercando e influire sulle tue entrate.

Per risolvere questo problema, puoi offrire numerose funzionalità di ordinamento. Aggiungendo le opzioni di ordinamento (o modificando quelle predefinite), puoi migliorare l'esperienza di acquisto complessiva nel tuo negozio. Ad esempio, puoi consentire ai tuoi clienti di ottenere rapidamente risultati in base alle vendite medie, alla popolarità dei prodotti o persino ai prezzi dei prodotti.

Avere più opzioni di ordinamento può aiutare gli acquirenti a trovare il prodotto desiderato in modo più rapido ed efficiente. Di conseguenza, lo smistamento dei prodotti può essere molto vantaggioso per il tuo negozio eCommerce.

Ora che capiamo meglio perché avere opzioni per riordinare i prodotti può avvantaggiare il tuo negozio, vediamo come farlo correttamente.

Come ordinare i prodotti WooCommerce

Esistono tre metodi principali per ordinare i prodotti WooCommerce:

  1. Utilizzo del Personalizzatore di WordPress
  2. Con un plugin per WordPress
  3. Attraverso uno snippet personalizzato (a livello di codice)

Daremo un'occhiata a tutti e tre i metodi di seguito in modo che tu possa trovare il modo preferito per completare l'attività.

Prima di iniziare, assicurati di aver impostato correttamente WooCommerce sul tuo sito Web senza perdere alcun passaggio. Ciò garantirà che tutti questi metodi funzionino senza problemi.

1) Ordina i prodotti WooCommerce utilizzando il Customizer di WordPress

La modifica dell'opzione di ordinamento predefinita è una delle cose più semplici che puoi fare per ordinare i prodotti in WooCommerce. Puoi trovare questa opzione nella pagina del negozio o in qualsiasi pagina del tuo negozio con un catalogo prodotti.

etichetta di ordinamento predefinita ordina i prodotti woocommerce

Puoi modificare le opzioni predefinite semplicemente utilizzando il personalizzatore di WordPress incluso in WooCommerce.

Vai su Aspetto > Personalizza per aprire il personalizzatore del tema e scegli l'opzione WooComemrce .

personalizzatore woocommerce

Quindi, seleziona Catalogo prodotti e vedrai le opzioni di ordinamento dei prodotti WooCommerce predefinite per la pagina del negozio.

ordinamento predefinito di woocommerce

Quando si fa clic su di esso, verrà visualizzato un menu a discesa che mostra le sei opzioni di ordinamento dei prodotti predefinite.

  • Predefinito
  • Popolarità (vendite)
  • Voto medio
  • Recente
  • Prezzo (crescente)
  • Prezzo (decrescente)

opzioni di ordinamento ordina i prodotti woocommerce

Seleziona l'opzione di ordinamento predefinita adatta al tuo negozio e infine pubblica le modifiche salvate dopo aver selezionato l'opzione desiderata.

Ecco come puoi modificare l'ordinamento dei prodotti WooCommerce tramite la dashboard di WordPress. Il vantaggio principale di questo metodo è che non richiede plug-in, conoscenze tecniche o frammenti personalizzati.

Tuttavia, ci sono anche alcuni svantaggi. L'opzione di ordinamento predefinita è minima e in alcuni casi può essere molto limitata. Quindi, se desideri più opzioni, dai un'occhiata ai seguenti metodi.

2) Ordina i prodotti WooCommerce con un plug-in

Se sei pronto a utilizzare alcuni plugin di WordPress per ordinare i prodotti WooCommerce, puoi controllare Riorganizza i prodotti Woocommerce o Opzioni di ordinamento dei prodotti extra WooCommerce. Sono entrambi ottimi plugin per te e per i tuoi clienti per ordinare i prodotti nel tuo negozio online.

Per questo tutorial, utilizzeremo le opzioni di ordinamento dei prodotti extra di WooCommerce . Quindi, la prima cosa che devi fare è installare e attivare il plugin sul tuo sito WooCommerce.

installa WooCommerce Opzioni di ordinamento dei prodotti extra

Una volta attivato il plug-in, puoi utilizzare il personalizzatore di WordPress per modificarlo. Ancora una volta, vai su Aspetto> Personalizza dalla dashboard di WordPress e seleziona l'opzione WooCommerce proprio come l'approccio precedente. Ora seleziona la sezione Catalogo prodotti e otterrai alcune opzioni di ordinamento aggiuntive.

ordina i prodotti woocommerce - ordinamento aggiuntivo

Come puoi vedere nello screenshot, le opzioni aggiuntive che ottieni sono:

  • Modifica dell'etichetta di ordinamento predefinita
  • Aggiunta di un nuovo ordinamento dei prodotti
  • Rimozione dello smistamento dei prodotti esistenti

Per impostazione predefinita, WooCommerce visualizzerà l'etichetta "Ordinamento predefinito" quando qualcuno visita l'archivio del tuo negozio. Ma con questo plugin, puoi rinominarlo dal personalizzatore stesso, se necessario.

Inserisci semplicemente la Nuova etichetta di ordinamento predefinita che desideri per il catalogo prodotti nella casella di testo.

nuova etichetta di smistamento ordina i prodotti woocommerce

Sarai in grado di vedere immediatamente l'anteprima sul lato destro dello schermo. Le modifiche verranno applicate al front-end dopo la pubblicazione delle modifiche salvate.

ordinamento predefinito rinominato

Oltre a modificare l'etichetta, puoi anche aggiungere o rimuovere le opzioni di ordinamento dei prodotti.

Per aggiungere le opzioni di ordinamento dei prodotti, controlla le opzioni di ordinamento che vorresti fornire ai tuoi clienti.

aggiungi una nuova opzione di ordinamento ordina i prodotti woocommerce

Una volta selezionate le opzioni, verranno visualizzate automaticamente nell'anteprima.

nuove opzioni di ordinamento aggiunte

Proprio come aggiungendo le opzioni di ordinamento dei prodotti, puoi anche rimuovere quelle esistenti. Questa può essere un'ottima funzionalità per il tuo negozio online se hai molte opzioni di ordinamento aggiuntive non necessarie. E a seconda del tuo sito Web e dei tuoi prodotti, alcuni clienti potrebbero essere sopraffatti anche dal vasto numero di opzioni di ordinamento.

Puoi facilmente rimuovere quelle opzioni di ordinamento usando il plugin. Per rimuoverli, controlla le opzioni che desideri rimuovere dal tuo sito web.

rimuovi l'ordinamento dei prodotti ordina i prodotti woocommerce

Se guardi l'anteprima, sarai in grado di vedere che le opzioni di ordinamento aggiuntive sono ora mostrate nel menu a discesa per l'ordinamento.

opzioni predefinite rimosse

Ancora una volta, non dimenticare di pubblicarlo dopo aver apportato tutte le modifiche necessarie.

Questo è tutto! Ora puoi utilizzare un plug-in WordPress dedicato per ordinare i prodotti WooCommerce.

3) Ordina i prodotti WooCommerce in modo programmatico

Se hai bisogno del metodo più avanzato, l'approccio programmatico può essere la soluzione migliore per te. Puoi modificare l'opzione di ordinamento semplicemente inserendo un semplice frammento di PHP nel plug-in specifico del tuo sito o nel file functions.php del tema.

Per questo, puoi utilizzare un plug-in dedicato come Code Snippets per aggiungere i codici personalizzati al tuo sito WooCommerce o creare un tema figlio. Se hai bisogno di aiuto, puoi persino utilizzare uno dei plugin del tema figlio per WordPress per crearne uno. Ma assicurati di eseguire il backup del tuo sito Web WordPress prima di iniziare poiché modificheremo alcuni file principali del tuo sito Web.

Tuttavia, in questa dimostrazione andremo con i frammenti di codice. Quindi, prima, installa e attiva questo plugin sul tuo sito.

installare frammenti di codice

Dopo l'attivazione, puoi vedere le impostazioni del plugin sul lato sinistro dello schermo. Vai su Snippet > Tutti gli snippet dalla dashboard di WordPress.

tutti i frammenti

Quindi, fai clic su Aggiungi nuovo per aggiungere un nuovo snippet all'installazione di WooCommerce.

aggiungi un nuovo snippet

Ora, copia il codice seguente e incollalo all'interno del campo dello snippet. Inoltre, non dimenticare di nominare lo snippet in modo da poterlo identificare per futuri aggiornamenti.

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');

funzione quadlayers_default_catalog_orderby($sort_by) {
data di ritorno';
}

script di ordinamento woocommerce ordinare prodotti woocommerce

Se guardi il codice, abbiamo aggiunto la data come opzione di ordinamento principale. Ma puoi sempre modificarlo a tuo piacimento. Le opzioni disponibili sono:

  • menu_order – quello predefinito
  • popolarità – in base alle vendite
  • valutazione – per valutazione del cliente
  • data – in base alla data di pubblicazione
  • prezzo – prezzo di smistamento da basso ad alto
  • price-desc – prezzo da alto a basso
  • rand – prodotti casuali ogni volta

Ad esempio, se devi ordinare i prodotti in base alla valutazione del cliente, dovresti modificare il codice in questo modo:

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');

funzione quadlayers_default_catalog_orderby($sort_by) {
restituire 'rating';
}

Dopo aver modificato il codice, pubblica lo snippet. Ora controlla la pagina del tuo negozio e vedrai la nuova opzione di ordinamento per impostazione predefinita. In questo caso, è ordinato con l'ordinamento medio come mostrato nello screenshot qui sotto.

ordina per valutazione

Ma puoi sempre modificare il codice in base alle tue esigenze.

Riordina i prodotti dall'elenco dei prodotti

Abbiamo già stabilito che puoi ordinare i prodotti WooCommerce per impostazione predefinita dal Personalizzatore di WordPress. Tuttavia, puoi anche riordinare i singoli prodotti manualmente utilizzando il plug-in WooCommerce stesso. I prodotti possono anche essere ordinati in ordine casuale come ordinamento predefinito per i clienti.

E la parte migliore è che non è nemmeno necessario utilizzare plug-in aggiuntivi o codici personalizzati per l'attività. Tutto può essere riordinato semplicemente dalla dashboard.

Quindi, la prima cosa che devi fare è andare su Prodotti > Tutti i prodotti dalla dashboard di WordPress. Sarai in grado di vederlo sul lato sinistro dello schermo.

ordina prodotti woocommerce - prodotti woocommerce

Nella pagina successiva, puoi vedere tutti i prodotti pubblicati. Se dai un'occhiata da vicino alla pagina, vedrai anche un'opzione chiamata Ordinamento .

ordina i prodotti woocommerce - ordinamento woocommerce

Se selezioni questa opzione, verrai reindirizzato alla procedura guidata di smistamento dei prodotti.

Per impostazione predefinita, WooCommerce ordina i prodotti in base alla data di pubblicazione. Ma attraverso questa pagina, puoi facilmente riorganizzare usando il trascinamento della selezione.

ordina prodotti woocommerce - ordinamento predefinito woocommerce

Puoi facilmente trascinare i prodotti e rilasciarli nella posizione desiderata, come mostrato sopra. Una volta fatto, controlla la pagina dell'archivio prodotti dal front-end.

prodotti ordinati

In questo modo, puoi ordinare i prodotti WooCommerce manualmente in qualsiasi ordine senza plug-in o codici aggiuntivi.

Riordina prodotti specifici

Quando applichi alcune opzioni di ordinamento a livello globale sulla tua installazione di WooCommerce, si rifletterà a livello di sito. Tuttavia, non è una buona opzione se devi riordinare prodotti specifici.

Diciamo che potrebbe essere necessario visualizzare un prodotto personalizzato nella parte superiore dell'archivio o della pagina del negozio . Quindi, dovrai cercare un approccio diverso per ordinare i prodotti WooCommerce. Per fortuna, può essere fatto semplicemente usando l'editor del prodotto in WooCommerce.

La prima cosa che devi fare è aprire la procedura guidata di modifica del prodotto. Ancora una volta, vai su Prodotti > Tutti i prodotti dalla dashboard di WordPress e fai clic su Modifica per il prodotto che desideri riordinare.

modifica prodotto ordina prodotti woocommerce

Quindi, verrai reindirizzato alla pagina dell'editor del prodotto. Qui, scorri verso il basso sotto i dati del prodotto e fai clic sulla scheda Avanzate .

scheda avanzata

WooCommerce sceglierà l'ordine del menu in base alla coda di pubblicazione dei tuoi prodotti per impostazione predefinita. Quindi, quando hai pubblicato il tuo decimo prodotto all'interno del negozio, l'ordine del menu sarà 10. Proprio così, dopo aver pubblicato il tuo 25° prodotto, WooCommerce imposterà il suo ordine del menu su 25.

Ma dalla scheda avanzate, puoi sempre modificarlo. Ed è quello che faremo per riordinare i prodotti.

Per portare il prodotto specifico in cima alla pagina dell'archivio, usa 0 o un valore meno (-) . Ad esempio, puoi utilizzare 0 o -1 per portare il prodotto nella prima pagina. In questa demo, renderemo l'ordine del menu come -1. Infine, Aggiorna il prodotto dopo aver modificato il valore.

nuovo ordine del menu

Successivamente, controlla la tua pagina di archivio dal front-end.

l'ordine del menu è cambiato

Come puoi vedere nello screenshot qui sopra, abbiamo portato rapidamente il prodotto specifico in cima alla pagina. Anche se usi -2 su un altro prodotto, sarà classificato al primo posto.

Puoi anche usare il metodo precedente dagli elenchi dei prodotti. Ma questo è un approccio più diretto poiché possiamo posizionare il prodotto in una posizione più specifica attraverso l'ordine del menu.

Ordina i prodotti di una categoria specifica

Per mantenere i prodotti a portata di mano e accessibili a tutti, puoi anche utilizzare le categorie per ordinare i prodotti WooCommerce. E con un semplice snippet, puoi aggiungere una funzione di ordinamento personalizzato a un archivio di categorie. Questa sezione ti dirà di più a riguardo.

Assicurati di avere abbastanza categorie di prodotti nel tuo negozio WooCommerce. Ma sul nostro sito web dimostrativo, tutto ciò che abbiamo è una categoria non categorizzata e sei prodotti ad essa assegnati.

categoria di prodotto

Come puoi vedere, lo slug non è classificato . Useremo questo slug più avanti nello snippet. Quindi, vai al plug-in Code Snippets e crea un nuovo snippet. Una volta fatto, copia e incolla questo codice dal basso sul tuo sito web.

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_catalog_orderby_for_category');

funzione quadlayers_catalog_orderby_for_category($sort_by) {
if( !is_product_category('uncategorized') ) {
restituisce $ordina_per; // modifica l'ordinamento dell'archivio delle categorie non categorizzate
}
data di ritorno';
}

ordinamento per categoria

Se guardi il codice, puoi vedere che abbiamo selezionato lo slug "non categorizzato" all'interno del codice e utilizzato il filtro della data per l'ordinamento. Prima di pubblicare il codice sul tuo sito web, sostituiscilo con la tua categoria slug e l'opzione di ordinamento.

Una volta fatto, pubblica lo snippet.

Quando visiti l'archivio della categoria specifica, vedrai la nuova opzione di ordinamento per impostazione predefinita. Nel nostro caso, i prodotti vengono automaticamente ordinati in base alla data più recente.

ordina per filtro più recente

Questo è tutto! Ecco come ordinare i prodotti di una categoria specifica.

Bonus: ordina i prodotti WooCommerce in ordine alfabetico

Se hai molti prodotti, ordinarli in ordine alfabetico sarebbe un'ottima idea. In effetti, l'ordine alfabetico è uno dei modi più ideali per ordinare in qualsiasi tipo di elenco. Se guardi i tuoi file sul tuo computer, anche loro sono ordinati alfabeticamente per impostazione predefinita.

Allo stesso modo, può essere molto conveniente anche per i tuoi nuovi clienti. Possono facilmente trovare il prodotto che desiderano nel tuo negozio semplicemente filtrando le lettere del prodotto in ordine alfabetico.

Quindi, in questa sezione, ti mostreremo come ordinare i prodotti WooCommerce in ordine alfabetico con un semplice snippet. Il codice che devi usare è il seguente:

 funzione quadlayers_alphabetical_shop_ordering($sort_args) {
$orderby_value = isset($_GET['orderby'] ) ? woocommerce_clean($_GET['orderby']): apply_filters('woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ));
if ( 'alfabetico' == $valore_ordine) {
$sort_args['orderby'] = 'titolo';
$sort_args['order'] = 'asc';
$sort_args['meta_key'] = '';
}
restituisce $sort_args;
}
add_filter('woocommerce_get_catalog_ordering_args', 'quadlayers_alphabetical_shop_ordering');

Basta aggiungerlo al plug-in Code Snippet o al file functions.php sul tuo sito web.

ordinamento alfabetico

Dopo averlo incollato, pubblicalo . Ora, abbiamo completato il lavoro pesante. La prossima cosa che dobbiamo fare è creare un'etichetta in modo che i visitatori possano utilizzare l'opzione di ordinamento. Per fare ciò, è necessario il seguente codice:

 funzione quadlayers_custom_wc_catalog_orderby($sortby) {
$sortby['alphabetical'] = 'Ordina per nome: alfabetico';
restituisci $ordinato;
}
add_filter( 'woocommerce_default_catalog_orderby_options', 'quadlayers_custom_wc_catalog_orderby');
add_filter('woocommerce_catalog_orderby', 'quadlayers_custom_wc_catalog_orderby');

Crea un nuovo snippet ancora una volta nel plug-in e incolla lì questo codice.

ordinamento alfabetico

Dopo aver aggiunto il nuovo snippet, pubblicalo . Ora vai all'archivio del tuo negozio e controlla il menu a discesa per l'ordinamento.

ordina in ordine alfabetico

Vedrai che i prodotti sono ordinati in ordine alfabetico lì.

Se hai bisogno di una soluzione senza codice, puoi anche usare questo plugin.

Conclusione

Durante la gestione di un'installazione di WooCommerce, devi provare diversi modi per aumentare i tuoi tassi di conversione. Per fornire una migliore esperienza al cliente, lo smistamento dei prodotti può essere conveniente. Come puoi vedere sopra, tutti e tre i metodi (manualmente, plug-in e codifica) sono semplici e non richiedono alcuna conoscenza tecnica.

Inoltre, abbiamo anche aggiunto altri modi per riordinare i prodotti dall'elenco dei prodotti o riordinare un prodotto specifico. Allo stesso modo, abbiamo incluso per te altre opzioni di ordinamento dei prodotti con categorie specifiche e ordine alfabetico.

Ci auguriamo che tu possa ordinare i prodotti nel tuo negozio senza problemi ora. Se hai trovato utile questo tutorial, ecco altri articoli che potrebbero essere interessanti per te:

  • Come personalizzare la pagina del prodotto WooCommerce
  • I migliori plugin per bundle di prodotti WooCommerce
  • Come esportare prodotti WooCommerce

Come intendi modificare l'opzione di ordinamento dei prodotti? Fateci sapere nei commenti.