Hai mai desiderato creare una griglia ordinabile e filtrabile che contenga tutti o parte dei tuoi prodotti WooCommerce?

Se gestisci un negozio WooCommerce, sai che WooCommerce viene già fornito con una pagina di archivio dedicata che ti aiuta a mostrare i singoli prodotti.

Tuttavia, a seconda di ciò che vendi, questo non è sempre il modo più efficace per mostrare i tuoi prodotti.

In alcuni casi, la visualizzazione dei prodotti WooCommerce in una griglia è più efficiente.

E se sembra la situazione in cui ti trovi, stai bene perché ti mostrerò come creare una griglia dei tuoi prodotti WooCommerce.

Ma se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Cosa puoi fare con una griglia di prodotti WooCommerce?

Sebbene non sia un elenco completo, ecco alcune situazioni in cui una griglia di prodotti può offrire ai visitatori un'esperienza migliore rispetto alla normale pagina di archivio:

Scopri Come installare un negozio online su WordPress con il plugin WooCommerce

• Negozi all'ingrosso - se vendi all'ingrosso molti prodotti, offrire ai tuoi clienti un modo semplice per ordinare o filtrare una griglia potrebbe essere più facile da usare rispetto a farli sfogliare le singole pagine dei prodotti.
• Cataloghi di prodotti - allo stesso modo, se si desidera visualizzare solo un catalogo di prodotti di facile consultazione, una griglia di ordinamento / filtro AJAX farà risparmiare tempo ai clienti (e ricariche della pagina).
• Moduli d'ordine - se vuoi creare un modulo d'ordine basato sui prodotti WooCommerce, una griglia fornisce un modo molto semplice per farlo. È anche un buon approccio per visualizzare il menu di un ristorante e accettare ordini online.

Come creare una griglia di prodotti WooCommerce

Useremo il plugin Tabella dei prodotti WooCommerce. Il plugin è focalizzato in modo particolare sulla creazione della griglia di prodotti. E grazie ai suoi parametri di interfaccia e shortcode, puoi personalizzare praticamente ogni aspetto del funzionamento della tua griglia.

Leggi anche la nostra guida su: Come aumentare il tempo trascorso sul tuo blog WordPress

Ecco alcune delle funzionalità più utili, secondo me:

• Aggiungi o elimina facilmente colonne Puoi persino aggiungere colonne contenenti campi personalizzati o tassonomie personalizzate e la tabella dei prodotti WooCommerce si integra completamente con i campi personalizzati avanzati.
• Widget del filtro 4 inclusi. Questi ti consentono di fornire ai lettori un'esperienza senza interruzioni offrendo opzioni di filtro nella barra laterale.
• Supporto per varianti / attributi del prodotto. Scegli tra 3 diversi modi per visualizzare le variazioni del prodotto nella tua griglia.
• Caselle a selezione multipla. Facilita la creazione di moduli d'ordine consentendo ai clienti di selezionare più prodotti prima di aggiungerli al carrello.
• Ricerca istantanea, ordinamento e filtro . I clienti possono manipolare i dati della griglia senza ricaricare la pagina.
• Aggiungi al carrello . Allo stesso modo, i clienti possono aggiungere prodotti ai loro cestini senza ricaricare la pagina.
• Supporto per Lazy Load. Utile per migliorare le prestazioni di grandi reti ( sebbene ciò influisca sulla capacità di offrire un ordinamento o un filtro istantaneo )

Ecco come utilizzare questo plugin ...

1 Step: configura la funzione griglia predefinita

Dopo aver installato e attivato il plug-in, la prima cosa da fare è configurare la funzionalità predefinita per le tue griglie. Dai un'occhiata alla nostra guida passo passo su come installare un plugin WordPress.

Questo essenzialmente definisce il comportamento predefinito dello shortcode. Ma puoi anche cambiare questo comportamento per le singole griglie aggiungendo parametri allo shortcode.

Per accedere alle impostazioni del plugin, vai a WooCommerce → Impostazioni. Quindi fare clic sulla scheda Prodotti e scegli l'opzione Tabelle dei prodotti :

Configurazione dell'aspetto delle tue griglie

Prima di tutto, puoi scegliere lo stile della tua griglia nella sezione Tavolo di design. Puoi farlo con:

• Predefinito - come puoi immaginare, questa opzione utilizza le impostazioni predefinite del plugin senza alcun ulteriore intervento da parte tua. Cercherà di utilizzare il più possibile il tema attuale del tuo blog.
• personnalisé : quando selezionato espande un elenco di opzioni di stile che consente di personalizzare i colori e le dimensioni dei caratteri senza la necessità di CSS personalizzato.

Dopo aver impostato il tuo stile, devi configurare le impostazioni predefinite degli shortcode. Ancora una volta, è possibile modificarli per singoli codici brevi attraverso i parametri di quest'ultimo. Ma la configurazione ti farà risparmiare tempo e renderà le cose un po 'più facili in seguito.

La maggior parte delle impostazioni sono autoesplicative e puoi vedere che la tabella dei prodotti WooCommerce fa un buon lavoro nel fornire suggerimenti o collegamenti alla documentazione per aiutarti a saperne di più su ogni impostazione.

Scopri Come aggiungere un negozio WooCommerce su Facebook

Dopo aver impostato le impostazioni predefinite dei codici brevi, è possibile scorrere ulteriormente per configurare layout e impostazioni delle funzioni più avanzati.

Di nuovo, il plugin fa un ottimo lavoro; quello di fornire informazioni aggiuntive per qualsiasi parametro che potrebbe essere un po 'difficile da capire. 

Come controllare lo stock del tuo negozio online WooCommerce ? Scoprilo facendo clic su questo link.

Una cosa a cui prestare attenzione è il limitazione della carica progressiva. Se decidi di utilizzare il caricamento progressivo per velocizzare il tuo negozio online, limiterai la funzionalità di ricerca e ordinamento del plug-in.

Vedi anche la nostra selezione di I migliori plugin WooCommerce di 12 per migliorare il tuo negozio online

Una volta completata la configurazione, assicurarsi di salvare le modifiche.

2 Step: Aggiungi widget griglia WooCommerce (opzionale)

Come ho già detto, la tabella dei prodotti WooCommerce offre anche quattro widget per aiutarti ad aggiungere opzioni di filtro alla barra laterale ( come puoi per i negozi WooCommerce classici ).

Per accedervi, vai a Aspetto → Widget come al solito e scorri sui widget desiderati:

Passaggio 3: aggiungi uno shortcode nel punto in cui desideri visualizzare la griglia dei prodotti

Sei al traguardo! Ora tutto ciò che devi fare è aggiungere lo shortcode [product_table] ovunque desideri che appaia la tua griglia.

Scopri anche Come trovare il link alla pagina di login di WordPress

Per impostazione predefinita, lo shortcode funzionerà in base alle impostazioni che hai scelto nel passaggio 1. Ma se desideri personalizzare la funzionalità per shortcode specifici, puoi farlo utilizzando il molti parametri shortcode disponibili.

Ad esempio, per utilizzare la griglia solo sui prodotti di una categoria specifica, potresti aggiungere un parametro come questo:

[product_table categoria="cappelli"]

Puoi anche essere creativo e utilizzare le condizioni AND / OR qui.

Per esempio:

• [product_table categoria= "cappelli + in stella« ] visualizza solo i prodotti che appartengono alla tempo alle categorie di cappelli et in stelle.
• [ Product_table categoria= "cappelli in stella "] mostra i prodotti che sono soit cappelli ou la categoria di stelle.

Questa attenzione ai piccoli dettagli è ciò che rende così eccezionale la griglia dei prodotti WooCommerce. 

Vedi anche il nostro 6 plugin WordPress per dare nuova vita ai tuoi articoli

E questo è tutto quello che c'è da fare con una griglia di prodotti su WooCommerce!

Prezzi del plug-in della tabella dei prodotti WooCommerce

La tabella dei prodotti WooCommerce è esclusivamente un plugin premium. Sebbene ci siano alcune opzioni gratuite elencate nella directory di WordPress.org, non ne ho trovata nessuna flessibile o ben documentata, quindi penso che la tabella dei prodotti WooCommerce valga il prezzo, che è ...

Scopri anche alcuni plugin WordPress premium  

Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. HBook

HBook è un Estensione di WordPress che ti consentirà di creare facilmente una soluzione di prenotazione online sul tuo sito web.

È perfettamente adatto a chiunque abbia un'attività nel settore alberghiero (hotel, appartamenti per vacanze, campeggi, ecc.).

Scopri anche il nostro Plugin 5 WordPress per condividere il contenuto del tuo blog

con WordPress Plugin HBook, potrai aggiungere calendari di disponibilità, listini prezzi e moduli di prenotazione al tuo sito web, in pochi secondi.

Download | Demo | Web hosting 

2. WooCommerce Tabs Pro: Schede extra per la pagina del prodotto

Ce WordPress Plugin ti offre un numero illimitato di schede aggiuntive sulla pagina del prodotto.

Le sue caratteristiche principali sono: la possibilità di cambia il titolo delle schede, a editor per modificare il contenuto personalizzato, il ppossibilità di bloccare o meno le schede, la scelta di icone per schede, facile rimozione schede, il ppersonalizzazione della posizione delle schede sull'interfaccia pubblica, et altro ...

Download | Demo | Web hosting

3. WooCommerce Plugin di riferimento multilivello

Questo plug-in WooCommerce consente ai tuoi affiliati di guadagnare punti di credito se i loro abbonati acquistano i tuoi prodotti dal tuo negozio online esistente.

Le sue caratteristiche sono tra le altre: la configurazione di un limite di credito e di rimborso personalizzato, report di amministrazione completi per gli utenti registrati, gestione di parametri globali o specifici del prodotto, supporto di shortcodee molti altri

Scopri anche Come aggiungere un modulo di contatto a discesa all'intestazione globale

È un sistema di affiliazione multi-livello di WooCommerce, qualcosa che è al di fuori del tipico sistema transazionale di affiliazione.

Download | Demo | Web hosting

Altre risorse consigliate

Ti invitiamo inoltre a consultare le risorse seguenti per approfondire la presa e il controllo del tuo sito Web e blog.

• temi 9 WordPress per creare un sito web di vendita del prodotto bio
• Servizi CDN 6 per migliorare la velocità del tuo blog WordPress 
• Come creare il tuo programma di affiliazione con WP Affiliate PlatForm
• Come aggiornare manualmente i plugin di WordPress

Conclusione

Ecco ! Questo è tutto per questo tutorial. Spero che sarai in grado di creare griglie di prodotti WooCommerce su WordPress. Non esitate a condividi il suggerimento con i tuoi amici sui tuoi social network.

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Ma, nel frattempo, parlaci del tuo commentaires e suggerimenti nella sezione dedicata.

...