Cosa sono i blocchi WooCommerce? Come usarli in modo efficace nel 2023

Ci sono molti componenti che compongono un negozio di e-commerce di successo, dai cataloghi dei prodotti e recensioni dei clienti alle funzioni di ricerca e filtro intuitive. Mentre i blocchi WooCommerce ti consentono di aggiungere tutte queste funzionalità (e altro), mettere insieme questi elementi può sembrare scoraggiante.

Fortunatamente, i blocchi WooCommerce sono progettati per aiutare gli utenti di WordPress a creare negozi online con facilità. Inoltre, ti consentono di promuovere i tuoi prodotti in modo più efficace e aumentare le vendite, il tutto senza utilizzare gli shortcode WooCommerce come avresti avuto bisogno in passato.

In questo post, daremo un’occhiata più da vicino ai blocchi WooCommerce e come accedervi in ​​WordPress. Esamineremo quindi sei blocchi che puoi aggiungere al tuo negozio per aumentare il tasso di conversione. Iniziamo!

Cosa sono i blocchi WooCommerce? Una breve introduzione

WooCommerce è uno degli strumenti di e-commerce più popolari per WordPress. Questa piattaforma open source gratuita ti consente di creare un negozio online senza investire molto tempo o denaro.

Inoltre, WooCommerce viene fornito con una vasta gamma di blocchi a cui puoi accedere nell’editor di blocchi nativo di WordPress (AKA Gutenberg). Con questi blocchi, puoi elencare alcuni o tutti i tuoi prodotti, visualizzare i filtri dei prodotti, aggiungere una casella di ricerca dei prodotti e altro ancora.

Inoltre, questi blocchi sostituiscono molti degli shortcode WooCommerce che dovevi usare in passato, il che ti offre un’esperienza più semplice e visiva quando lavori nell’editor.

Puoi utilizzare questi blocchi WooCommerce nello stesso modo in cui faresti con qualsiasi altro blocco.

Apri la pagina o il post su cui vuoi lavorare, fai clic sul segno più (+) e cerca il blocco desiderato:

Puoi anche visualizzare un elenco completo dei blocchi WooCommerce disponibili facendo clic sul pulsante più (+) nell’angolo in alto a sinistra dello schermo. Sotto il Blocchi scheda, scorrere verso il basso fino a WooCommerce sezione:

Tieni presente che, per accedere ai blocchi WooCommerce, devi prima installare e attivare WooCommerce sul tuo sito. Inoltre, se stai ancora utilizzando l’editor classico, dovrai invece passare all’editor blocchi.

I migliori blocchi WooCommerce (e come usarli)

Dopo aver installato WooCommerce e caricato i tuoi prodotti, puoi iniziare ad aggiungere nuove caratteristiche e funzioni al tuo negozio. Esploriamo sei utili blocchi WooCommerce e come utilizzarli in modo efficace sul tuo sito WordPress.

1. Il Tutti i prodotti bloccare
2. Il I prodotti più votati bloccare
3. Il Filtra i prodotti per prezzo bloccare
4. Il Ricerca prodotti bloccare
5. Il Tutte le recensioni bloccare
6. Il Prodotto presentato bloccare

1. Il Tutti i prodotti bloccare

Il Tutti i prodotti il blocco è uno degli elementi più essenziali per qualsiasi negozio. Ti consente di visualizzare tutti i tuoi prodotti in una griglia ordinata:

Per impostazione predefinita, il blocco mostra il nome, il prezzo e la valutazione a stelle per ciascun prodotto, nonché un pulsante di invito all’azione (CTA). Inoltre è dotato di opzioni di impaginazione e ordinamento, che facilitano agli utenti la navigazione nel catalogo dei prodotti.

Come con la maggior parte dei blocchi WooCommerce, puoi personalizzare il file Tutti i prodotti caratteristica per soddisfare le vostre esigenze. Se fai clic sul blocco, otterrai una selezione di impostazioni nel pannello sul lato destro:

Qui puoi modificare il layout della tua griglia. Ad esempio, puoi modificare il numero di righe e colonne per pagina. Hai anche la possibilità di nascondere il menu di ordinamento o scegliere un’altra opzione predefinita per ordinare i prodotti.

Inoltre, puoi modificare gli elementi all’interno della griglia. Per fare ciò, seleziona il blocco e fai clic sull’icona della matita nella barra degli strumenti:

All’interno dell’anteprima, puoi modificare singoli elementi come l’immagine, il nome del prodotto e il pulsante CTA:

Puoi riorganizzare questi elementi utilizzando le frecce su e giù nelle rispettive barre degli strumenti. Puoi anche rimuovere elementi o aggiungere altri blocchi di prodotti, ad esempio Riepilogo del prodotto o Valutazione del prodotto. Inoltre, queste modifiche verranno applicate a tutti i prodotti nella tua griglia, quindi non devi modificarli singolarmente.

Ti consigliamo di mantenere i dettagli del prodotto al minimo, per evitare di sovraccaricare gli acquirenti con troppe informazioni. Sulla stessa nota, potresti voler visualizzare solo pochi elementi per pagina.

È anche meglio includere un Aggiungi al carrello pulsante. In questo modo, gli utenti interessati a un determinato prodotto possono facilmente aggiungerlo ai propri ordini senza dover uscire dalla pagina.

2. Il I prodotti più votati bloccare

Ricevere recensioni positive dagli acquirenti può essere molto gratificante. Ancora meglio, puoi sfruttare queste valutazioni per aumentare le tue vendite.

Il I prodotti più votati block ti permette di mostrare i prodotti con il maggior numero di recensioni positive:

Le valutazioni giocano un ruolo fondamentale nel successo del tuo negozio. Servono come prova per i nuovi visitatori che i tuoi prodotti sono di alta qualità, il che può aiutarti a generare più conversioni.

Pertanto, si consiglia di utilizzare il I prodotti più votati blocco in una posizione ben visibile sul tuo sito web. Ad esempio, potresti volerlo aggiungere alla tua home page o alla barra laterale delle pagine dei tuoi prodotti.

Quando si tratta di personalizzare il I prodotti più votati blocco, hai diverse opzioni. Ad esempio, puoi regolare il numero di prodotti che desideri visualizzare:

Puoi anche nascondere particolari dettagli sui prodotti, come i loro prezzi. Inoltre, puoi scegliere di visualizzare solo gli articoli più votati in una particolare categoria, come l’abbigliamento.

Se non hai ancora molte recensioni da mostrare, potresti voler utilizzare il I prodotti più venduti blocca invece. Mostra gli articoli più popolari sul tuo sito in base al numero di vendite effettuate.

Un’altra caratteristica simile è il Prodotti più recenti bloccare. Come suggerisce il nome, questo ti consente di promuovere le tue aggiunte più recenti.

3. Il Filtra i prodotti per prezzo bloccare

La funzionalità di filtro rende più facile per gli utenti trovare ciò che stanno cercando. Ciò può essere particolarmente utile quando un acquirente ha un budget prestabilito.

Il Filtra i prodotti per prezzo block consente agli utenti di definire un prezzo minimo e massimo utilizzando un semplice dispositivo di scorrimento:

Questo blocco funziona in combinazione con il Tutti i prodotti blocco che abbiamo descritto in precedenza. Una volta che un utente imposta una fascia di prezzo specifica, WooCommerce aggiornerà automaticamente l’elenco dei prodotti per visualizzare solo gli articoli che rientrano in quel budget:

Il Filtra i prodotti per prezzo block è semplice da usare. Tuttavia, puoi rendere le cose ancora più semplici per i tuoi utenti consentendo loro di inserire importi specifici. Per fare ciò, seleziona il blocco e vai al pannello delle impostazioni. Sotto Fascia di prezzoseleziona il Modificabile opzione:

Oltre a filtrare i prodotti in base al prezzo, potresti anche voler consentire agli acquirenti di cercare gli articoli in base ad attributi del prodotto come taglia e colore. Per fare questo, puoi usare il Filtra i prodotti per attributo blocco insieme al Tutti i prodotti bloccare:

Un’altra caratteristica utile è il Filtri attivi bloccare. Quando lo aggiungi alla tua pagina, gli utenti saranno in grado di vedere un elenco dei loro filtri correnti.

4. Il Ricerca prodotti bloccare

Un modo efficace per migliorare l’esperienza utente (UX) del tuo sito consiste nell’aggiungere funzionalità di ricerca. Ciò consentirà agli utenti di cercare rapidamente qualsiasi articolo specifico che hanno in mente, piuttosto che dover sfogliare il catalogo finché non trovano quello che stanno cercando.

Fortunatamente, WooCommerce offre a Ricerca prodotti bloccare:

Puoi posizionare la barra di ricerca ovunque tu voglia sul tuo sito. Tuttavia, ti consigliamo di posizionarlo proprio sopra le griglie dei prodotti, dove gli utenti possono vederlo facilmente:

Il Ricerca prodotti block non offre molte opzioni di personalizzazione. Tuttavia, hai la possibilità di nascondere l’etichetta del campo di ricerca, in modo che sia visibile solo la barra di ricerca.

5. Il Tutte le recensioni bloccare

Come accennato in precedenza, la visualizzazione delle recensioni può incoraggiare i visitatori per la prima volta a provare i tuoi prodotti. In effetti, uno studio recente ha dimostrato che quasi tutti gli acquirenti consultano le recensioni dei clienti prima di effettuare un acquisto [1].

Come suggerisce il nome, il Tutte le recensioni block ti consente di mostrare tutti i feedback dei tuoi clienti in un unico posto:

Hai anche un certo controllo sul layout e sul contenuto delle tue recensioni. Ad esempio, puoi nascondere determinate informazioni, come i nomi dei revisori e i dati delle recensioni.

Puoi anche sostituire le foto dei recensori con le immagini dei prodotti e selezionare il numero di recensioni che desideri visualizzare alla volta. Nel frattempo, gli utenti potranno ordinare le recensioni per data di pubblicazione, valutazione più alta e valutazione più bassa.

Esistono diversi modi per visualizzare le recensioni. Ad esempio, puoi inserirli nella tua home page per aumentarne la visibilità o aggiungerli nuovamente nella tua pagina Informazioni.

Potresti anche voler combinare il Tutte le recensioni blocco con altre due caratteristiche correlate: Recensioni per prodotto e Recensioni per categoria. Questi blocchi ti consentono di visualizzare le valutazioni e le recensioni dei clienti per particolari articoli e categorie.

6. Il Prodotto presentato bloccare

Se vuoi generare interesse per un particolare articolo, il Prodotto presentato blocco può essere molto efficace. Puoi evidenziare qualsiasi prodotto desideri, su qualsiasi pagina o post sul tuo sito.

Inoltre, puoi creare più file Prodotto presentato blocchi per oggetti diversi. Quando aggiungi questo blocco alla tua pagina, ti verrà chiesto di selezionare un prodotto:

È quindi possibile personalizzare il layout del prodotto in primo piano:

Ad esempio, puoi nascondere la descrizione e il prezzo del prodotto e scegliere un colore di sovrapposizione diverso. C’è anche un selettore del punto focale, che ti consente di spostare la posizione dell’oggetto principale nell’immagine.

Inoltre, puoi modificare il pulsante CTA all’interno del blocco. Tutto quello che devi fare è cliccarci sopra e otterrai una selezione di opzioni. Ad esempio, puoi aggiornare il collegamento e personalizzare il colore e la tipografia del pulsante:

Qualunque siano le tue preferenze, è importante assicurarsi che gli elementi essenziali come il nome del prodotto e il CTA siano chiaramente visibili. Dovrai anche assicurarti che il pulsante si colleghi alla pagina giusta.

Per una maggiore visibilità, ti consigliamo di mostrare i prodotti in primo piano sulla tua home page o su una pagina del negozio dedicata. Tuttavia, puoi anche utilizzare questo blocco nei post del blog per attirare l’attenzione su prodotti particolari.

Potresti anche voler controllare il Categoria in primo piano bloccare. Questa funzione può essere molto utile se stai cercando di aumentare le vendite in particolari categorie di prodotti.

Inizia oggi con i blocchi WooCommerce

In questo post, abbiamo esaminato alcuni dei blocchi WooCommerce più essenziali. Ad esempio, il Tutti i prodotti block ti consente di visualizzare l’intero catalogo di prodotti in una griglia professionale. Nel frattempo, caratteristiche come I prodotti più votati e Tutte le recensioni può aiutarti a incrementare le vendite.