WooCommerce: come iniziare con i blocchi WooCommerce – PARTE 1

Da WordPress 5.0, l'editor di pagine/post predefinito è stato completamente rinnovato. Sicuramente hai sentito parlare di Gutenberg.

La cattiva notizia è che WooCommerce si è unito alla nuova esperienza di editing molto più lentamente e ci sono ancora cose importanti da sviluppare per renderlo adatto a Gutenberg.

L'avanzamento della compatibilità può essere monitorato tramite il plug-in ufficiale WooCommerce Blocks, che afferma " Puoi utilizzare questo plug-in se desideri accedere a tutti i blocchi disponibili per WooCommerce, compresi quelli sperimentali. I nostri attuali blocchi "stabili" sono raggruppati in WooCommerce e possono essere aggiunti dalla sezione "WooCommerce" nell'inseritore di blocchi ", perché lì puoi trovare i loro blocchi "beta", quelli che chiamano "sperimentali" e che saranno ufficialmente rilasciati in WooCommerce una volta approvati.

In questo articolo, analizzeremo in modo specifico i blocchi WooCommerce: cosa sono, perché sono importanti, quanti blocchi sono disponibili e come puoi usarli.

Dal momento che questo è un argomento enorme – abbiamo venti WooCommerce Blocks da trattare – lo stiamo dividendo in due parti. Questo articolo valuterà i primi dieci blocchi che puoi utilizzare nel tuo negozio. Ma prima, identifichiamo quali sono i blocchi WooCommerce e indaghiamo perché sono così importanti.

Cosa sono i blocchi WooCommerce e perché sono così importanti?

WooCommerce crea automaticamente pagine come pagine di categoria e pagine di negozio per mostrare i tuoi prodotti. Tuttavia, è probabile che un altro sito Web WooCommerce possa apparire simile al tuo negozio eCommerce, se scelgono la stessa pagina e lo stesso layout del prodotto del tuo.

Tuttavia, con WooCommerce Blocks, puoi rendere unico il tuo negozio e mostrare i tuoi prodotti nel modo e nel layout che preferisci.

I blocchi WooCommerce ti offrono un maggiore controllo sul design del tuo negozio. La sua integrazione con Block Editor ti consente di personalizzare il tuo negozio senza scrivere una sola riga di CSS, aggiungere codice o richiedere competenze di progettazione grafica.

Puoi facilmente aggiungere blocchi con un semplice metodo di trascinamento della selezione. Utilizzando l'interfaccia facile da usare di WooCommerce Block, puoi:

• Crea pagine negozio personalizzate
• Crea pagine di destinazione per visualizzare una raccolta di prodotti
• Aggiungi blocchi di prodotti in pagine specifiche o persino post di blog
• Aggiungi consigli sui prodotti, recensioni di prodotti e banner promozionali dove vuoi

Quindi, diamo un'occhiata ai diversi WooCommerce Blocks. Ottieni 20 blocchi WooCommerce integrati quando installi WooCommerce . Ecco uno sguardo ai primi dieci blocchi e come puoi usarli.

Un elenco di blocchi WooCommerce essenziali [Parte 1]

1. Filtri di prodotti attivi

I filtri dei prodotti facilitano la ricerca dei prodotti per i tuoi clienti. Senza di loro, c'è il rischio di perdere clienti, poiché dovranno cercare manualmente i prodotti di loro scelta. Sfortunatamente, questo processo richiede tempo e rende il tuo sito web meno utile e interattivo per il tuo pubblico di destinazione.

Il blocco Filtri prodotto attivi mostra i filtri prodotto attualmente attivi nella vista corrente (quindi i filtri selezionati nel passaggio precedente). Inoltre, questo blocco acquisirà automaticamente gli attributi del tuo prodotto, consentendo ai tuoi clienti di filtrare i prodotti attivi in ​​base a qualsiasi attributo.

Puoi definire lo stile dell'intestazione del blocco e scegliere di visualizzare i filtri come chip (simile ai pulsanti) o come elenco. Pertanto, questo blocco semplifica l'aggiunta di filtri come la dimensione, la forma o il colore del prodotto, rendendolo estremamente conveniente per i tuoi clienti.

2. Tutte le recensioni

La visualizzazione delle recensioni dei clienti è un modo eccellente per mostrare la credibilità e l'autenticità del tuo prodotto. Agisce come una testimonianza del prodotto di cui gli acquirenti si fidano più delle affermazioni del prodotto, aumentando le possibilità che gli utenti acquistino i prodotti.

Secondo Trustpilot, l'89% dei clienti legge le recensioni online prima di acquistare i prodotti. Questo mostra il ruolo fondamentale che le recensioni dei clienti svolgono nelle tue vendite di eCommerce.

Pertanto, incluso il blocco Tutte le recensioni sul tuo sito Web WooCommerce può agire come un punto di svolta per le vendite dei tuoi prodotti.

Questo blocco ti consentirà di visualizzare l'intero elenco di tutte le recensioni sui prodotti che hai ricevuto in qualsiasi punto del tuo negozio, come il post del blog o la pagina di destinazione.

Viene fornito con molte opzioni di personalizzazione in cui puoi scegliere di nascondere o visualizzare il nome del prodotto, il nome del revisore, la data della recensione, la valutazione del prodotto, il contenuto della recensione e l'immagine del prodotto.

Puoi personalizzare le impostazioni consentendo agli utenti di ordinare per valutazione più bassa o più alta, o anche impostare il numero di recensioni da visualizzare e aggiungere un'opzione "carica più recensioni" per i tuoi clienti.

3. Tutti i prodotti

Il blocco Tutti i prodotti mostra tutti i prodotti nel tuo negozio WooCommerce e include opzioni di ordinamento e impaginazione. Puoi allineare questo blocco con il blocco Filtri prodotti attivi per mostrare un elenco a discesa di ordinamento.

Utilizzando la sua opzione di impaginazione integrata, i tuoi clienti possono facilmente navigare tra i tuoi prodotti avanti e indietro per visualizzare l'intera pagina del prodotto se non desideri visualizzare tutti i prodotti su una singola pagina.

Hai la possibilità di selezionare l'ordine di ordinamento dei prodotti predefinito, che si tratti di ordinare in base ai prodotti più recenti o alla popolarità dei prodotti. Puoi anche nascondere il menu a discesa Ordinamento, se necessario. Inoltre, questo blocco ti consente anche di aggiungere contenuti aggiuntivi come immagini, testo e video.

4. Categoria in primo piano

Il Blocco categoria in primo piano ti consente di scegliere i prodotti da una particolare categoria di prodotti che desideri impostare e visualizzare come categoria in primo piano o in un banner di invito all'azione.

È una soluzione perfetta per evidenziare una specifica categoria di prodotti sulla tua pagina di destinazione o in un post del blog, per indirizzare il traffico e massimizzare le vendite di quella specifica categoria di prodotti.

Una delle sue caratteristiche più importanti è il selettore del punto focale che ti consente di trascinare il punto focale dell'immagine del prodotto per posizionarlo perfettamente all'interno del contenitore dello sfondo. Questo blocco ti offre anche opzioni come nascondere o mostrare le descrizioni dei prodotti, aggiungere un colore di sovrapposizione e cambiare l'opacità.

Pertanto, se hai lanciato di recente una nuova collezione di prodotti, il blocco Categoria in primo piano può aiutarti a visualizzare la collezione in più punti del tuo negozio e aumentare le vendite.

5. Prodotti in evidenza

Il Blocco prodotto in primo piano ti consente di mostrare i prodotti del tuo negozio in un banner presentabile, di bell'impatto e ben progettato con un invito all'azione (CTA).

Viene fornito con numerose impostazioni e opzioni per mostrare o nascondere il prezzo e la descrizione del prodotto, controllare l'allineamento del testo, aggiungere un colore di sovrapposizione, regolare il posizionamento e l'opacità dello sfondo, ignorare la foto del prodotto e modificare il pulsante CTA.

Questo blocco è il modo perfetto per mostrare prodotti specifici sui post del tuo blog o sulla pagina di destinazione e attirare l'attenzione dei clienti, attirandoli per effettuare l'acquisto.

6. Prodotti per categoria

Il blocco Prodotti per categoria consente di visualizzare i prodotti di una o più categorie selezionate in una griglia.

Ti consente di modificare il numero di righe e colonne della griglia con un'opzione per nascondere o mostrare il titolo del prodotto, il prezzo, la valutazione e il pulsante Aggiungi al carrello. Questo blocco può creare diverse sezioni con diverse categorie di prodotti sulla tua home page.

7. I prodotti più venduti

Il blocco dei prodotti più venduti ti consente di visualizzare i prodotti più venduti del tuo negozio in una griglia.

Il design di questo blocco è molto simile a quello del blocco Prodotti per categoria con identiche opzioni di personalizzazione. Ad esempio, puoi impostare le opzioni di filtro appropriate per i prodotti, come filtrare per colore, taglia e prezzo.

Usando questo blocco, puoi incoraggiare i clienti a sfogliare i tuoi prodotti più venduti e invogliarli ad acquistare prodotti per se stessi.

8. Filtra i prodotti per prezzo

Questo blocco mostra un dispositivo di scorrimento facile da usare che consente ai clienti di filtrare i prodotti in base al prezzo. Ad esempio, trascinando la maniglia sinistra verso destra aumenta il prezzo, mentre trascinando la maniglia destra verso sinistra lo riduce.

Puoi modificare la fascia di prezzo minima e massima e aggiungere un pulsante per impostare il livello di intestazione. Funziona perfettamente in combinazione con il blocco Tutti i prodotti.

9. Filtra i prodotti per attributo

Questo blocco aggiunge un filtro che consente ai tuoi clienti di filtrare i prodotti in base agli attributi. Gli attributi possono essere colore, dimensione o persino sapore del cibo.

Hai la possibilità di visualizzare il filtro come un elenco o un menu a discesa. Inoltre, puoi scegliere il livello di intestazione, includere il conteggio delle parole o aggiungere un pulsante.

10. Prodotti più recenti

Puoi utilizzare questo blocco per visualizzare tutti i tuoi ultimi lanci e prodotti più recenti in una griglia. I clienti possono filtrare i prodotti in base a una categoria pertinente.

Questo blocco è perfetto per mostrare e commercializzare le nuove azioni del tuo negozio sulla home page e attirare più sguardi. Le sue opzioni di personalizzazione sono simili a quelle di Best Selling Products Block.

Conclusione

Che tu sia un esperto di tecnologia o un professionista non tecnico, l'utilizzo di WooCommerce Blocks è il modo più semplice ed economico per mostrare i tuoi prodotti in modo coinvolgente e portare il tuo negozio al livello successivo.

Puoi promuovere i tuoi prodotti su qualsiasi pagina e post del blog sul tuo sito web. Tutto quello che devi fare è trascinare i blocchi in un punto specifico di una pagina e gli aggiornamenti della pagina sono in tempo reale.

Quindi, se desideri ravvivare il tuo negozio WooCommerce e attirare più attenzione, usa i blocchi WooCommerce sopra menzionati.

Abbiamo anche la parte 2 di questo articolo con altri dieci WooCommerce Blocks e modi per aggiungerli e modificarli con facilità. Dai un'occhiata mentre andrà in onda la prossima settimana!