L’obiettivo più importante da raggiungere in un ecommerce è di aiutare i consumatori a trovare ciò di cui hanno bisogno nel modo più facile, veloce ed intelligente.

Questo permetterà di aumentare i guadagni e i visitatori del tuo ecommerce molto rapidamente. Inoltre, i tuoi clienti si sentiranno molto a loro agio visitando il sito web che tu hai sviluppato per loro e probabilmente apprezzeranno il tempo trascorso visitando il sito, così avrai l’opportunità di incontrarli ancora.

Una buona pratica utilizzata da Magento è quella di organizzare il tuo catalogo in categorie e sottocategorie, ma ciò non è abbastanza quando hai centinaia di prodotti. Quindi cosa puoi usare per agevolare l’esperienza di navigazione dei tuoi consumatori? Usa i filtri Magento!

Che cos’è un filtro?
Il filtro Magento non è molto diverso da un attributo. Si tratta infatti di una sorta di astrazione dell’attributo con un insieme di valori basati sui prodotti selezionati in quel momento. Quando è impostato un filtro sul tool di selezione, tutti i prodotti che presentano quello specifico attributo così come il valore selezionato, verrannno visualizzati in quella pagina. Quest’opzione permette per esempio di visualizzare tutte le “scarpe rosse” invece delle “scarpe blu”.

Come abbiamo usato il filtro su ShopRigomma
Addentriamoci nell’argomento e vediamo come impostare un filtro e come funziona in un vero ecommerce Magento.
Uno dei nostri clienti, Rigomma (http://www.shoprigomma-pneumatici.it), specializzato nella vendita di copertoni, ci ha richiesto di sviluppare un modo veloce e razionale per aiutare gli utenti a trovare il tipo adatto di gomme senza frustrarli con una navigazione complicata tra i prodotti. Avendo più di mille prodotti, la navigazione per filtri è stata la risposta.

Diamo un’occhiata al box di selezione “Larghezza” (Width). Larghezza è un attributo della gomma e I numeri soni valori.
Per creare un filtro:

• Andate nel Pannello di controllo -> Catalog -> Attributes -> Manage Attributes -> Add new attribute;
• Riempite tutti i campi richiesti;
• Nella sezione “Frontend Properties” selezionate il valore “Filterable with results” nell’opzione “Use in layered navigation”;
• Fate attenzione al suggerimento sotto la precedente opzione del punto 3: il tipo di attributo DEVE essere Dropdown, Multiple Select o Price per essere usato come filtro;
• Nella sezione “Manage Label/Options”, create tutti i possibili valori (e le traduzioni) dell’attributo che saranno assegnati ai prodotti.

Ecco fatto! Non è stato facile?

Affinamento del filtro: visualizzazione sul frontend

La navigazione a livelli di default di Magento è semplicemente una lista di link che l’utente può usare per definire la selezione dei prodotti. Per vederla in azione basta andare nel

Magento Demo Store : http://demo.magentoecommerce.com.

Perché non creare una select box con tutti i possibili valori e filtrare i prodotti del catalogo rimanendo sulla stessa pagina una volta selezionato il valore?
Questo è ciò che abbiamo fatto per Rigomma usando questa meravigliosa estensione chiamata “Advanced Navigation” e sviluppata da Gomage. La potete trovare nel Magento

Connect: http://www.magentocommerce.com/magento-connect/GoMage/extension/4990/gomage_advanced_navigation .

Dopo averla installata e attivata, nella pagina dell’attributo nel back end troverete una sezione aggiuntiva nel riquadro “Properties” chiamata “Advanced Navigation Properties”.
Settando l’opzione “Filter Type” a “Dropdown” il nostro filtro verrà trasformato in una select box. Proprio quello che ci serviva per il nostro cliente. Come potete vedere dall’immagine seguente ci sono molte opzioni che potete modificare in base alle necessità dell’utente.

Abilitando l’opzione “Use ajax” sarete in grado di gestire tutte le richieste di filtraggio dei vostri clienti facendoli rimanere nella stessa pagina e potenziando le performance della pagina. L’utente apprezzerà molto quest’opzione. Nella prossima immagine potete vedere in azione il gestore del caricamento pagina che informa l’utente dell’elaborazione della richiesta.

Lasciate le vostre opinioni nella nostra pagina Facebook e sentitevi liberi di chiedere ogni altra informazione a riguardo.
https://www.facebook.com/FiloBlu

by Luca Lorenzato

Share it!

Tweet