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 600.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 è già dotato di una pagina di archivio dedicata che ti aiuta a mostrare i singoli prodotti.

Ma a seconda di ciò che vendi, 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 questo non sia un elenco completo, ecco alcune situazioni in cui una griglia di prodotti può offrire ai visitatori un'esperienza migliore rispetto alla solita pagina di archivio:

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

  • Negozi all'ingrosso - Se vendi molti prodotti all'ingrosso, offrire ai tuoi clienti un modo semplice per ordinare o filtrare una griglia può essere più facile da usare che farli sfogliare le singole pagine dei prodotti.
  • Cataloghi di prodotti - allo stesso modo, se si desidera semplicemente visualizzare un catalogo prodotti facile da navigare, una griglia con filtro / ordinamento AJAX farà risparmiare tempo ai clienti (e ricaricando le pagine).
  • Moduli d'ordine - Se desideri 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 si concentra singolarmente sulla creazione di una griglia di prodotti. E grazie alle sue impostazioni di interfaccia e shortcodepuoi personalizzare praticamente ogni aspetto del funzionamento della tua griglia.

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

  • Aggiungi o elimina facilmente colonne Puoi anche 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 offrire ai lettori un'esperienza senza interruzioni fornendo opzioni di filtro nella barra laterale.
  • Supporto di variazione / attributo 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 ordinamento o 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 scegliere l'opzione Tabelle dei prodotti :

aggiungi colonne di prodotto woocommerce wordpress.png

Configurare l'aspetto delle tue griglie

Innanzitutto, 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 altro intervento da parte tua. Cercherà di utilizzare il più possibile il tema attuale del tuo blog.
  • personnalisé : quando selezionato, sviluppa un elenco di opzioni di stile che consente di personalizzare i colori e le dimensioni dei caratteri senza necessità 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 l'installazione ti farà risparmiare tempo e renderà le cose un po 'più facili in seguito.

Inizia a promuovere il tuo blog

Scarica decine di loghi, banner, modelli di siti Web e molti altri strumenti di marketing per commercializzare il tuo blog WordPress. [Consigliato]

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

Ancora una volta, il plugin fa un ottimo lavoro; quella di fornire informazioni aggiuntive per uno qualsiasi dei parametri 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 la ricarica progressiva per accelerare il tuo negozio online, limiterai la ricerca e ordinerai la funzionalità 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 trascina sui widget che desideri:

tabella dei widget woocommerce.png

Passaggio 3: aggiungere un shortcode in cui si desidera visualizzare la griglia del prodotto

Sei al traguardo! Ora, tutto ciò che devi fare è aggiungere lo shortcode [product_table] ovunque tu voglia 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 scelte nel passaggio 1. Ma se vuoi personalizzare la funzionalità per codici brevi specifici, puoi farlo usando il molti parametri shortcode disponibili.

Ad esempio, per utilizzare solo la griglia su prodotti di una categoria specifica, è possibile aggiungere un parametro come questo:

[product_table categoria="cappelli"]

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

Per esempio:

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]

  • [product_table categoria= "cappelli + in stella« ] visualizza solo i prodotti che appartengono a tempo alle categorie di cappelli et in stelle.
  • [ Product_table categoria= "cappelli in In primo piano »] 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.

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

Prezzo del plug-in della tabella prodotti WooCommerce

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

Per il sito Web 1 - 75 $

Per i siti 5 tela - 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.

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

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

Con il plug-in HPress WordPress, sarai in grado di aggiungere calendari di disponibilità, griglie dei prezzi e moduli di prenotazione al tuo sito Web, in pochi secondi.

Download | Demo | Web hosting

2. Schede Woocommerce Pro: schede aggiuntive 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 possibilità di appuntare le linguette o meno, la scelta di icone per schede, facile rimozione schede, il ppersonalizzazione della posizione delle schede nell'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.

Le funzionalità includono: configurazione di un limite di credito e rimborso personalizzato, rapporti amministrativi completi per utenti registrati, gestione di impostazioni globali o specifiche del prodotto, supporto di shortcodee molti altri ancora

<

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]

p style = "text-align: justify">È un sistema di affiliazione multilivello 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 esitare condividi il consiglio 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 intanto 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 le tariffe per il plugin "Tabella dei prodotti WooComerce" perché lo sviluppatore ha cambiato le sue tariffe sono molto più alte di quelle pubblicizzate 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
19 azioni
quota16
Tweet1
Enregistrer2