Best WordPress Block Theme for WooCommerce

Nel creare un negozio online su WooCommerce, la scelta del tema rappresenta uno dei primi passi, oltre che uno dei più importanti in assoluto. Nel corso di questo articolo andremo a scoprire perché questa scelta sia così vitale per il tuo sito web, vedremo quali caratteristiche cercare in un tema prima di sceglierlo e quindi ti andremo a suggerire un tema ottimizzato e che risponda alle necessità della maggior parte degli eCommerce.

Questo perché creare uno shop online è relativamente facile, ma creare un portale ottimizzato e di successo richiede più attenzione, sin dal primo passo sul sito!

Cominciamo con il sottolineare l’importanza del tema WordPress per WooCommerce.

Perché la scelta del tema WordPress giusto è importante

La scelta del tema ha numerosi impatti sull’aspetto finale che avrà il tuo negozio. In sintesi, possiamo dire che il tema decide l’aspetto grafico del sito, ma la sua influenza si estende oltre ad esso, in quanto può avere un impatto sull’esperienza utente, sul lato SEO e sulle prestazioni stesse del sito. Vediamo questi tre aspetti velocemente:

Impatto sull’esperienza utente

Che tipo di impatto ha la scelta del tema sull’esperienza dei tuoi clienti? Tra i vari aspetti, sicuramente esso influenza la coerenza e l’autorità del tuo portale. Sebbene la maggior parte dei temi sia estremamente flessibile e altamente personalizzabile, scegliere un tema sviluppato specificatamente per una nicchia di mercato diversa da quella in cui operi può confondere gli utenti nel primo arrivo sul sito, trasmettendo loro un messaggio sbagliato sul tuo business.

Per questo motivo, in genere, è meglio scegliere un tema neutro, che possa adattarsi a ogni tipo di negozio, per quanto il primo istinto ci spinga verso un tema a… tema, scusate il gioco di parole. Concentrarsi esclusivamente sui temi specifici può restringere notevolmente le tue scelte, spesso eliminando le opzioni migliori (inoltre i temi più generici hanno solitamente più clienti, il che si traduce con più aggiornamenti e controlli).

Quindi può avere un impatto sulla navigazione. Non stiamo parlando necessariamente di prestazioni (che vedremo nel punto successivo), ma proprio di facilità di navigazione e orientamento nel sito. Un tema ben strutturato, chiaro e intuitivo può fare la differenza tra negozio fallimentare e uno di successo. A tal proposito ti ricordiamo che il tempo medio che un utente passa su una pagina online è di 53 secondi, oscillando da 44 a 1 minuto e 22 per gli eCommerce. In questa minuscola finestra temporale è necessario aiutare il cliente a trovare ciò che vuole e a trasmettere un’immagine di fiducia e qualità.

Inoltre, non sottovalutare la natura mobile-friendly di un sito. La navigazione su internet si sta spostando, anno dopo anno, sempre di più su dispositivi mobili piuttosto che sui computer, data la possibilità di navigare in ogni posto e in ogni momento. Sarà quindi lecito aspettarsi che una fetta importante delle visite del tuo sito arriveranno da dispositivi simili e per questo motivo il sito (e in particolare il tema) dovranno gestire il passaggio a una navigazione a scorrimento verticale su schermi ridotti in modo egregio.

Toccheremo nuovamente questo punto in seguito.

Importanza per SEO e prestazioni

Un altro aspetto dove il tema WordPress per WooCommerce ha un impatto è quello dal lato SEO e sulle prestazioni del sito, come detto in precedenza. Questi aspetti, come vedrai, sono spesso legati tra di loro.

Partiamo con il dire che il tema sbagliato può appesantire notevolmente la velocità di navigazione e di caricamento del tuo sito web. Oggi la storia è diversa rispetto a decenni fa quando, con una velocità a 56k, accettavamo di veder caricare una pagina a scaglioni. Con l’immediatezza ottenuta dalle nuove connessioni, la stessa pazienza degli utenti è calata drammaticamente.

Una statistica del 2023 di Statista ha evidenziato come le persone siano propense ad abbandonare un sito se le sue pagine impiegano più di 3 secondi (e già in questo arco di tempo puoi perdere fino al 36% dei visitatori), con un abbandono repentino se queste arrivano e superano i 5 secondi.

Ma questo non ha un impatto solo sui visitatori umani: anche i bot dei motori di ricerca tengono di conto della velocità di caricamento di una pagina nella sua indicizzazione, finendo per danneggiare la tua ottimizzazione SEO. Così come la capacità del tema di adattarsi e ospitare plugin dedicati proprio al SEO.

Non solo: un altro aspetto che ha un grande impatto è la natura mobile-friendly del tema (che sta diventando sempre più un fattore discriminante per l’indicizzazione sui motori di ricerca), di cui abbiamo già parlato in precedenza.

Infine un altro aspetto da tenere di conto è la pesantezza delle immagini inserite nel tema e la pulizia del codice dello stesso.

Anche questo punto verrà ripreso in esame in seguito tra i parametri da tenere a mente nella scelta di un tema.

Cosa rende un tema WordPress il migliore?

L’enorme scelta di temi tra cui è possibile spaziare è tanto un vantaggio quanto un problema, in quanto può rivelarsi essere difficile orientarsi nel mercato. Ecco perché, quindi, abbiamo deciso di offrirti qualche spunto e parametro considerato essenziale al momento della scelta del tema WordPress per WooCommerce.

Vediamoli insieme!

Caratteristiche principali da considerare in un tema WordPress

Nello scegliere un tema per il proprio sito web, la scelta molto spesso viene condizionata principalmente dal suo aspetto grafico. Vogliamo un tema WordPress piacevole da vedersi, accattivante e con colori che si sposino con i prodotti che andremo a vendere.

Se tutto questo è sicuramente importante, non è l’aspetto più fondamentale. Vediamo sei parametri da tenere a mente confrontando temi tra di loro.

Supporto per le estensioni WooCommerce

I plugin, infatti, permettono di integrare sul tuo sito delle funzionalità non incluse nella versione base di WordPress/WooCommerce e tutti i negozi online costruiti con questo CMS integrano al proprio interno un certo numero di plugin.

Basti pensare a funzionalità come Wishlist, Request a Quote (per offrire preventivi), Affiliates (per creare un programma di affiliazione), Gift Cards (per creare e vendere buoni regalo), Subscription (per creare e offrire pagamenti ricorrenti)… sono tutte funzioni introdotte tramite i plugin dedicati.

Gli sviluppatori più affermati, come quelli di YITH, creano e aggiornano i propri plugin in modo che siano compatibili con la maggior parte dei temi più usati, ma spesso è meglio scegliere un tema proposto dagli stessi sviluppatori, per avere la garanzia di un’assoluta compatibilità.

NDA: Alcuni plugin possono fare la differenza in termini di vendite ed entrate, assicurati di integrarli sul tuo negozio online!

Opzioni di personalizzazione

Come vedremo in seguito, l’evoluzione dei temi, passando da quelli classici a quelli a blocchi, ha migliorato sensibilmente le opzioni e la facilità di personalizzazione di un tema, ma in ogni caso è meglio optare per un tema che offra opzioni di personalizzazione semplici e intuitive.

Questo comprende, ma non si limita a, la possibilità di modificare facilmente colori, font, layout e altre caratteristiche del design senza dover toccare il codice.

Attraverso i colori e le immagini andrai a definire l’identità del tuo brand e renderai unico il tuo negozio!

Design reattivo

Uno degli elementi che ha acquisito sempre più importanza nel corso del tempo (e che abbiamo toccato a inizio articolo), tanto da essere diventato vitale: un buon tema deve saper adattare il suo aspetto visivo qualsiasi sia lo schermo in cui apparirà.

Se un tempo era sufficiente rispettare la risoluzione dei computer, con l’avvento di smartphone e tablet e l’aumento della loro popolarità, oggi non è più così. E questa popolarità non è da sottovalutare: secondo una ricerca di Exploding Topics, dal 2020 la navigazione da dispositivi mobili occupa la MAGGIORANZA del mercato, assestandosi attorno al 58% nel 2023.

Non dovrebbe sorprenderci: abbiamo il nostro smartphone sempre in mano e ci permette di navigare ovunque ci troviamo, senza limiti di tempo o di luogo.

Questo, naturalmente, deve essere tenuto di conto quando si personalizza il proprio negozio online: se una pagina apparisse correttamente solo sullo schermo di un computer, potresti finire con il perdere la maggior parte delle vendite.

A ulteriore conferma di questo successo, gli stessi bot di Google per l’indicizzazione del sito web nei motori di ricerca escluderanno a breve tutti i siti che non sono mobile-friendly.

Quindi: assicurati che il tema che sceglierai rispetti questo criterio fondamentale!

Tempi di caricamento rapidi

Altro aspetto spesso dimenticato ma fondamentale: la velocità di caricamento. Come abbiamo detto in precedenza, se decine di anni fa potevamo anche aspettare diversi secondi prima che una pagina web si caricasse, con la velocità di internet di oggi, la nostra pazienza si è ridotta notevolmente.

Secondo uno studio condotto da Tooltester, la velocità media di caricamento di una pagina è di 2,5 secondi su computer e 8,6 secondi su mobile, sebbene questa sia influenzata da numerosi fattori e cambi sensibilmente di caso in caso.

Il tema può essere uno dei fattori che causano un rallentamento della navigazione, il che si traduce, a sua volta, in un sito non performante e una grande perdita di vendite.

Secondo ThinkwithGoogle, pochi secondi di caricamento in più possono causare una perdita di clienti fino a 4 volte maggiore, il che non è esattamente una buona notizia per il tuo negozio e per le tue vendite.

Ottimizzazione SEO

Ultimo dei parametri che abbiamo preso in precedenza. Il lato SEO è, purtroppo, ancora oggi terribilmente sottovalutato e spesso è ciò che rappresenta la differenza tra un negozio di successo e uno morente.

Il tema deve essere ben ottimizzato per i motori di ricerca, con un codice ordinato, una gestione efficace dei titoli (H1-H6) e una configurazione accurata delle meta descrizioni e degli URL.

Naturalmente l’ottimizzazione SEO è un processo lungo e che richiede l’intervento di un professionista, ma già utilizzando il tema corretto e utilizzando gli strumenti adatti sul tuo sito, potrai ottenere netti miglioramenti in termini di visite e conversioni.

Cosa sono i temi a blocchi di WordPress

Un’altra grande distinzione da fare tra i temi è in base alla loro natura. In genere si parla di temi classici e di temi a blocchi.

Tra i primi troviamo tutti i temi WordPress/WooCommerce utilizzati negli anni passati, costruiti su PHP e Javascript, che però sono diventati sempre meno ottimizzati, aggiornamento dopo aggiornamento, tanto che oggi quasi tutti gli esperti del settore suggeriscono di utilizzare un tema a blocchi. Scopriamo il perché.

Perché un block theme è l’unica soluzione da considerare per il tuo eCommerce

I temi a blocchi rappresentano, ad oggi, il futuro di WordPress. Offrono maggiore flessibilità, personalizzazione e un’esperienza di editing unificata tramite il block editor (conosciuto anche come editor Gutenberg). Questa innovazione si estende anche a WooCommerce, migliorando la gestione e la personalizzazione dei negozi online.

In genere possiamo dire che essi rappresentano la migliore soluzione sia per i siti costruiti solo con WordPress, sia per quelli che integrano anche WooCommerce. Per un negozio online, quindi, si rivelano essere fondamentali.

Vediamo alcuni vantaggi sia per il CMS che per il plugin degli eCommerce.

I temi a blocchi e WordPress

Quali vantaggi porta un tema a blocchi per WordPress?

• Flessibilità: personalizzazione pressoché illimitata di ogni parte del sito, inclusi intestazioni, piè di pagina e layout. Certamente, era possibile personalizzare anche i temi classici, ma questa personalizzazione era spesso limitata o richiedeva interventi diretti sul codice che, oltre a essere difficili per l’utente medio, potevano causare problemi con gli aggiornamenti successivi.
• Esperienza unificata: utilizzo di un’unica interfaccia di editing per l’intero sito. Questo non è solo importante per il gestore del sito, che dovrà quindi imparare solo a gestire pochi elementi per avere il controllo completo del proprio portale, ma anche per gli utenti che visiteranno il sito. Un sito coerente, costante e senza apparenti incongruenze aiuterà nella navigazione e trasmetterà un’immagine di professionalità. Presto, verranno uniformati anche i menù di gestione pagine e post.
• Variazione di blocchi e stili: possibilità di creare variazioni di blocchi e stili che semplificano ulteriormente la personalizzazione e la coerenza del design.
• Design coerente: estensione del punto precedente tramite stili globali applicabili uniformemente e personalizzabili. Questo permette di impostare inizialmente l’aspetto di ogni elemento del sito/store e poi trovare applicate queste caratteristiche ovunque, di default. È facile capire quanto questo possa semplificare il lavoro di chi gestisce il sito.
• Supporto per dispositivi mobile: in precedenza abbiamo evidenziato abbondamente perché la natura mobile-friendly del sito possa fare la differenza nel suo successo. Questo è garantito dal design responsive facilitato dalla natura modulare dei blocchi e dall’anteprima in tempo reale dell’editor per le varie risoluzioni. Chiunque abbia utilizzato un tema a blocchi può confermare la facilità di confronto tra le varie risoluzioni possibili.
• Innovazione continua: investire nello strumento più recente e accreditato è in genere la soluzione migliore per chi vuole rimanere al passo dei tempi. Tra i suoi benefici troviamo i continui aggiornamenti e miglioramenti dell’editor a blocchi. Inoltre siamo in piena fase 3 del progetto di sviluppo e miglioramento WordPress. Questa fase sarà dedicata al consolidamento e miglioramento delle ultime novità introdotte.

Siamo certi che in futuro appariranno molti altri vantaggi rispetto alle altre soluzioni.

I temi a blocchi e WooCommerce

Tutti i vantaggi che abbiamo visto prima si applicano, naturalmente, anche agli eCommerce costruiti tramite WooCommerce, ma per questo specifico tipo di siti web si trovano anche ulteriori vantaggi:

• Personalizzazione dello store e pagine prodotto/categoria: moltissimi venditori hanno accolto con gioia l’utilizzo di blocchi specifici per prodotti e categorie, così da poter fare a meno degli shortcode visibili sono a frontend e quindi difficili da gestire in fase di creazione della pagina.
• Compatibilità con Full Site Editing: personalizzazione completa del negozio in coerenza al resto del sito.
• “Blocco prodotti” di WooCommerce: facilità di inserimento e gestione di prodotti. Modificare l’aspetto grafico di questi ora non è prerogativa esclusiva del tema in uso.
• Esperienza utente migliorata: interfacce moderne, responsive e in linea al resto dei pannelli WordPress.
• Adottamento dei Template a blocchi: WooCommerce attiva di default i template delle pagine a blocchi, rendendo opzionali i template legacy. Questo semplifica la creazione e la gestione delle pagine del negozio, a dimostrazione della direzione che lo sviluppo di questo CMS/Plugin sta prendendo per quanto riguarda i temi.
• Stili e variazioni di blocco: possibilità di applicare stili e variazioni di blocco per personalizzare facilmente l’aspetto e la funzionalità delle pagine del negozio.

Tanti sono i vantaggi rispetto ai temi classici, quanti sono gli svantaggi del rimanere con le vecchie soluzioni.

Dovrei abbandonare il mio tema classico?

Capiamo che la scelta di cambiare un tema al proprio sito web possa non essere la più facile, sia per abitudine (sia tua che per i tuoi clienti), sia per un certo senso di lealtà. Ma ci sono diversi motivi per cui dovresti prendere in considerazione di effettuare questo cambio:

• Limitazioni di personalizzazione: i temi classici offrono opzioni di personalizzazione limitate rispetto ai temi a blocchi, richiedendo spesso conoscenze di programmazione per attuare modifiche avanzate. Di fatto se un tema non prevede una personalizzazione, questa è molto spesso impossibile da raggiungere se non con l’aggiunta di codice e sovrascritture varie. Tutto questo va a minare il concetto di semplicità e indipendenza alla base dell’utilizzo di soluzioni come WordPress/WooCommerce.
• Compatibilità e aggiornamenti: i temi classici possono non essere completamente compatibili con le nuove funzionalità di WordPress e WooCommerce, come il Full Site Editing. Inoltre, i temi classici (free e premium) potrebbero non ricevere aggiornamenti regolari per supportare le ultime innovazioni. Soprattutto in questo momento storico di grande interesse da parte degli sviluppatori verso i temi a blocchi. Tutto questo si traduce in temi obsoleti che non solo saranno meno ottimizzati rispetto alle altre soluzioni, ma che possono rappresentare delle possibili falle di sicurezza per il tuo stesso sito.
• Esperienza frammentata: l’utilizzo di temi classici spesso implica lavorare con interfacce diverse per personalizzare diverse parti del sito, risultando in un’esperienza di gestione meno intuitiva e coerente, così come possibili differenze di navigazione per gli utenti da una pagina e l’altra.
• Facilità di programmazione: i temi a blocchi offrono una programmazione più intuitiva e modulare, riducendo la complessità di sviluppo e manutenzione rispetto ai temi classici e limitando moltissimo il rischio di introdurre errori.
• Semplificazione della programmazione dei blocchi: con il tempo, la programmazione dei blocchi si è notevolmente semplificata. L’introduzione delle Interactivity API renderà l’approccio alla programmazione molto più semplice rispetto all’uso esclusivo di React e NodeJS, abbassando la barriera d’ingresso per gli sviluppatori.

Se quindi i temi a blocchi sono la scelta sicura, quale utilizzare sul tuo sito? In risposta a questa domanda, appare Wonder.

Ti presentiamo Wonder di YITH: il tema a blocchi definitivo

Con la crescita dei temi a blocchi, anche YITH ha sentito il bisogno di investire in un tema che potesse non solo accogliere liberamente tutti i suoi plugin, ma anche sfidare e vincere la prova del tempo in un mondo in costante crescita e trasformazione.

Wonder è un tema gratuito a blocchi, rilasciato per la prima volta nell’agosto del 2022 e che, da allora, ha visto ben 10 aggiornamenti con miglioramenti e aggiunta di funzionalità.

Panoramica del tema Wonder

YITH Wonder è un tema a blocchi per WordPress che rispetta al 100% la filosofia dei blocchi, dei patterns e del full site editing.

Esso viene proposto con già numerose scelte di personalizzazione, preset e template che ti aiutano a dare subito un tocco personale al tuo sito e a renderlo veramente unico (oltre ad aiutarti nella creazione delle varie pagine senza dover partire da zero).

Ma vediamo esattamente cosa puoi trovare al suo interno.

Funzionalità di Wonder

Il tema prevede già di base 8 variazioni di stile (Style variations) che personalizzano colori, font, spaziature e tanti altri aspetti del tema per fornire dei preset utili a coprire tante tipologie di siti web. Come abbiamo visto in precedenza, meglio scegliere un tema che si possa adattare alle esigenze di mille negozi diversi rispetto a uno eccessivamente focalizzato su una sola tematica.

Con i vari aggiornamenti vengono spesso aggiunte nuove variazioni di stile per mantenere il tema sempre giovane ed al passo con i più recenti trend del web design. Ecco come Wonder si ripromette di superare la prova del tempo.

Per non parlare dei pattern forniti in bundle con il tema. Sono tutti di qualità premium e realizzati sotto studio di designer con notevole esperienza.

Questi pattern ti aiuteranno nella creazione dei contenuti per il tuo nuovo sito, qualsiasi sia la sua natura (blog, corporate o store), poiché includono anche dei pattern “di pagina” che vengono automaticamente proposti all’utente quando ne va a creare una nuova. Le combinazioni sono infinite.

Anche in questo caso ogni aggiornamento principale introduce nuovi pattern di qualità.

YITH Wonder è attualmente il tema a blocchi di terze parti con più installazioni attive in assoluto, gode del pieno supporto a tutti i prodotti di YITH ed è costantemente aggiornato per includere le ultime novità introdotte da WordPress nel campo del full site editing e dei temi a blocchi.

Come installare e configurare il tema Wonder

L’installazione del tema Wonder è tra le più semplici in assoluto: ti bastano giusto cinque click.

Vai sul tuo pannello di controllo di WordPress e clicca su Aspetto > Temi:

Clicca su Aggiungi un nuovo tema:

Nella barra di ricerca a destra cerca “YITH Wonder” e premi invio:

Scorri con il mouse sopra il tema e clicca “Installa” e, in seguito, “Attiva”:

Il tema è installato, ora puoi procedere a personalizzarlo come meglio preferisci andando in Aspetto > Editor:

Conclusione: Perché Wonder è la scelta migliore per il vostro negozio WooCommerce

Come abbiamo visto in precedenza, i temi a blocchi non sono solo il futuro di WordPress/WooCommerce, ma direttamente il presente e per questo è bene scegliere questa opzione per il proprio negozio online, se si vuole garantire il suo successo.

Tra questi, Wonder è emerso grazie ad anni di sviluppo e un’attenzione non solo allo stato attuale di WP, ma anche alla direzione che prenderà in futuro.

Un tema ottimizzato, leggero, facilmente personalizzabile grazie ai sei diversi stili integrati, ai cinque header e ai numerosi template sia per la homepage che per le altre varie pagine del sito. I primi passi nella creazione del sito sono i più difficili, trova il tuo miglior alleato in Wonder.