Vai al contenuto principale

Come creare griglie di prodotti WooCommerce su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

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.Come creare la griglia dei prodotti woocommerce di wordpress 1

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 WooCommerceIl 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 Servizi e scegli l'opzione Tabelle dei prodotti :

aggiungi colonne di prodotto woocommerce wordpress.png

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.

personalizzare la tabella del prodotto css.png

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.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

configurazione della tabella prodotti settings.png

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.

configurazione avanzata di product tables.png

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:

tabella dei widget woocommerce.png

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:

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

[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 è ...

Per il sito Web 1 - $ 75

Per i siti 5 sito web - $ 135

Per i siti Web 20 - $ 275

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa 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 permetterà di creare facilmente una soluzione di prenotazione online sul tuo sito web.

Hbook

È 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

Grazie al plugin WordPress HBook, sarai in grado di aggiungere calendari delle disponibilità, tabelle dei 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

Questo plugin per WordPress ti offre un numero illimitato di schede aggiuntive nella pagina del prodotto.Extra schede-prodotto-page-wordpress-plugin-to-page-builder

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

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.

Plugin di riferimento multilivello Woocommerce

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

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

È 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.

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.

...

Questo articolo contiene i commenti 2

  1. Buongiorno,

    Grazie mille per questo tutorial, molto chiaro e preciso, ma puoi aggiornare i prezzi del plugin "Tabella prodotti WooComerce" perché lo sviluppatore ha modificato i suoi prezzi che sono molto più alti di quelli pubblicizzati sul tuo articolo.
    Prezzo plugin:
    Personale = sito 1: aggiornamento 89 € / anno o 269 € a vita
    Business = siti 5: aggiornamento 159 € / anno o 479 € a vita
    Agenzia = siti 20: aggiornamento 319 € / anno o 959 € a vita

    buona settimana

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
11 azioni
quota8
Tweet1
Enregistrer2