Come per­so­na­liz­za­re le pagine prodotto di Woo­Com­mer­ce

Una pagina dei prodotti originale e di­stin­ti­va può essere il fattore decisivo in grado di in­cre­men­ta­re le vendite e generare interesse nei confronti del vostro negozio online. Dal momento che le ca­rat­te­ri­sti­che standard di Woo­Com­mer­ce lasciano poco margine di movimento per la per­so­na­liz­za­zio­ne delle pagine prodotto, conviene ricorrere alla fles­si­bi­li­tà di con­fi­gu­ra­zio­ne e design di plugin come Sto­re­Cu­sto­mi­zer, page builder come Elementor e funzioni integrate di WordPress.

Per quale motivo si dovrebbe mo­di­fi­ca­re una pagina dei prodotti di Woo­Com­mer­ce?

La risposta al perché si dovrebbe per­so­na­liz­za­re una pagina dei prodotti di Woo­Com­mer­ce è semplice: uno stile originale, un aspetto uniforme e una na­vi­ga­zio­ne semplice va­lo­riz­za­no il proprio negozio online e pre­sen­ta­no i prodotti al meglio. Come le vetrine dei negozi, il modo in cui viene pre­sen­ta­to un prodotto è im­por­tan­te quasi quanto la sua qualità. Ap­pli­can­do un simile approccio, chi visita il sito si lascerà con­vin­ce­re più fa­cil­men­te e ve­lo­ce­men­te a ef­fet­tua­re un acquisto.

Chi lavora con le pagine prodotto standard di Woo­Com­mer­ce si rende presto conto che le modalità di per­so­na­liz­za­zio­ne sono limitate. Esistono però molte altre pos­si­bi­li­tà per pro­get­ta­re il vostro negozio online. Con­si­de­ra­to che ri­di­se­gna­re le pagine dei prodotti ap­por­tan­do modifiche al codice sorgente è piuttosto com­pli­ca­to e non privo di rischi, vi sug­ge­ria­mo di uti­liz­za­re plugin gratuiti e funzioni già incluse in WordPress e Woo­Com­mer­ce.

Per­so­na­liz­za­re le pagine dei prodotti Woo­Com­mer­ce: i metodi in sintesi

Servitevi delle seguenti soluzioni per rendere le vostre pagine prodotto più originali:

Mediante plugin (esempio: Sto­re­Cu­sto­mi­zer)

Il sistema più semplice per per­so­na­liz­za­re il vostro negozio online, comprese le pagine dei prodotti, è ricorrere a plugin come SeedProd, Sto­re­Cu­sto­mi­zer e Woo­Buil­der, il cui fun­zio­na­men­to è simile a quello dei page builder. SeedProd è uno dei page builder più co­no­sciu­ti, viene ag­gior­na­to re­go­lar­men­te ed è stato in­stal­la­to da oltre un milione di utenti. Le funzioni più im­por­tan­ti per le pagine dei prodotti, tuttavia, sono di­spo­ni­bi­li soltanto nella versione pro a pagamento. Di con­se­guen­za, uti­liz­ze­re­mo Sto­re­Cu­sto­mi­zer come esempio per spiegarvi come mo­di­fi­ca­re le vostre pagine prodotto in modo com­ple­ta­men­te gratuito con un plugin drag&drop. Tenete presente che non è possibile in­stal­la­re plugin con la versione gratuita di WordPress.com.

Primo passaggio: in­stal­la­te il plugin Sto­re­Cu­sto­mi­zer tramite la pagina del provider oppure sca­ri­can­do­lo di­ret­ta­men­te dalla pagina dei plugin di WordPress. Una volta compiuta l’in­stal­la­zio­ne, sarà ne­ces­sa­rio attivare il plugin.

Secondo passaggio: ora, a partire dalla pagina del vostro negozio Woo­Com­mer­ce andate alla voce “Aspetto” e poi seguite il percorso “Per­so­na­liz­za” > “Sto­re­Cu­sto­mi­zer” > “Woo­Com­mer­ce Shop Page”. Per per­so­na­liz­za­re la pagina si possono uti­liz­za­re varie funzioni del plugin. Tutte le im­po­sta­zio­ni e le funzioni si trovano nel menu di sinistra, tra cui di­men­sio­ne del font, colori, design e layout della pagina.

Terzo passaggio: tra le funzioni più im­por­tan­ti di Sto­re­Cu­sto­mi­zer spicca la rimozione degli elementi di pagina pre­in­stal­la­ti di Woo­Com­mer­ce, come i titoli dei negozi e la clas­si­fi­ca­zio­ne dei risultati. Occorre sem­pli­ce­men­te apporre un segno di spunta accanto agli elementi che si desidera rimuovere.

Quarto passaggio: in aggiunta, avete la pos­si­bi­li­tà di impostare il numero di prodotti vi­sua­liz­za­ti per pagina e per riga nonché di ag­giun­ge­re una nuova etichetta di prodotto mediante l’opzione “Nuovo badge per i prodotti aggiunti di recente”. A tale scopo, dovete spe­ci­fi­ca­re per quanto tempo gli elementi vengono con­si­de­ra­ti nuovi una volta aggiunti. Infine, per evi­den­zia­re i prodotti più venduti, si possono attivare le sta­ti­sti­che di vendita sul front end.

Quinto passaggio: per per­so­na­liz­za­re i pulsanti del negozio e le de­scri­zio­ni dei prodotti, o per mo­di­fi­ca­re il design dei pulsanti del negozio e degli elementi della pagina, come i banner e i margini, servitevi delle funzioni offerte dall’editor.

Sesto passaggio: per quanto riguarda le pagine dei prodotti, Sto­re­Cu­sto­mi­zer consente di con­fi­gu­ra­re in­di­vi­dual­men­te ciascuno degli elementi della pagina. Ciò include le schede prodotto, il pulsante del carrello, il prezzo del prodotto, la foto del prodotto, il numero di prodotti venduti, la de­scri­zio­ne e la vi­sua­liz­za­zio­ne di prodotti simili e, infine, le va­lu­ta­zio­ni del prodotto.

Senza plugin (usando le funzioni Editor, Per­so­na­liz­za e CSS ag­giun­ti­vo)

Se non volete in­stal­la­re dei plugin superflui, servitevi delle tre funzioni integrate di WordPress che ri­tro­ve­re­te nel menu della bacheca a sinistra, sotto la voce “Aspetto”: “Editor”, “Per­so­na­liz­za” e “CSS ag­giun­ti­vo”.

Editor WordPress

Grazie alla pos­si­bi­li­tà di mo­di­fi­ca­re l’intero sito con l’editor integrato di WordPress, è possibile apportare modifiche per­so­na­liz­za­te alle pagine di un negozio. In versione beta, l’editor funziona tramite drag&drop. È quindi possibile inserire e mo­di­fi­ca­re elementi della pagina come paragrafi, immagini e video che si pre­sen­ta­no sotto forma di blocchi.

Primo passaggio: fate clic su “Aspetto” e poi su “Editor” nel menu a sinistra.

Secondo passaggio: al fine di ag­giun­ge­re un nuovo blocco di contenuto, fate clic sul simbolo “+” in alto a sinistra.

Terzo passaggio: a questo punto apparirà un elenco di blocchi con scelte diverse per i post e gli elementi della pagina. Se intendete uti­liz­za­re un elemento nella pagina, fate clic su di esso e tra­sci­na­te­lo nel blocco di pagina cor­ri­spon­den­te. Gli elementi che possono essere uti­liz­za­ti sono contenuti di testo come paragrafi, elenchi, tabelle e citazioni.

Quarto passaggio: ulteriori com­po­nen­ti della pagina sono gli elementi mul­ti­me­dia­li, le diverse opzioni di design/layout e i widget.

Per­so­na­liz­za

Con la funzione “Per­so­na­liz­za” è possibile mo­di­fi­ca­re layout, design ed elementi delle pagine esistenti.

Tra le con­fi­gu­ra­zio­ni di­spo­ni­bi­li con “Per­so­na­liz­za” vi sono le opzioni per le im­po­sta­zio­ni di colore, font e persino CSS per­so­na­liz­za­to.

CSS ag­giun­ti­vo

Tramite l’opzione “CSS ag­giun­ti­vo”, con le opportune com­pe­ten­ze, è possibile apportare semplici modifiche anche ma­nual­men­te tramite CSS. Tuttavia, è ne­ces­sa­rio imparare a pro­gram­ma­re o perlomeno possedere qualche co­no­scen­za di base in materia. Inoltre, per poter usufruire dell’opzione “CSS ag­giun­ti­vo”, è richiesta la tariffa pro a pagamento di WordPress.com.

Mediante strumenti page builder

Qualora facciate già uso di un page builder di WordPress, come Elementor o Divi, potete ser­vir­ve­ne anche per con­fi­gu­ra­re le pagine prodotto. As­si­cu­ra­te­vi tuttavia che il vostro page builder disponga di funzioni di blocco spe­ci­fi­che per Woo­Com­mer­ce. Elementor, ad esempio, include modelli Woo­Com­mer­ce pre­in­stal­la­ti per le pagine dei prodotti che servono a pre­sen­ta­re i prodotti in modo ac­cat­ti­van­te in po­chis­si­mo tempo. In genere, i migliori page builder sono a pagamento oppure con­sen­to­no di uti­liz­za­re le funzioni per le pagine Woo­Com­mer­ce solo nei piani a pagamento.

Tra i page builder più ef­fi­cien­ti vi con­si­glia­mo i seguenti:

• Elementor
• Visual Composer
• WPBakery
• Oxygen
• Beaver Builder
• Divi

Utili esten­sio­ni e plugin di Woo­Com­mer­ce per le pagine prodotto

Woo­Com­mer­ce mette a di­spo­si­zio­ne una serie di esten­sio­ni e plugin per ar­ric­chi­re le pagine prodotto con diverse funzioni. In par­ti­co­la­re, se­gna­lia­mo le seguenti esten­sio­ni:

• Com­po­nen­ti ag­giun­ti­vi per prodotti: grazie a com­po­nen­ti ag­giun­ti­vi come Product Add-Ons potrete offrire servizi ag­giun­ti­vi come con­fe­zio­ni regalo, messaggi di auguri per­so­na­liz­za­ti, incisioni, donazioni o simili. Chi visita il sito non deve far altro che spuntare le opzioni se­le­zio­na­bi­li per ag­giun­ger­le al proprio ordine.
• Immagini di prodotto al­ter­na­ti­ve: sia che si tratti di colori, impronte, di­men­sio­ni o forme diverse, se si offrono più versioni di un prodotto, è con­si­glia­bi­le integrare con esso anche una varietà al­ter­na­ti­va di immagini e gallerie. Ciò è possibile, ad esempio, con il plugin Ad­di­tio­nal Variation Images.
• Re­cen­sio­ni e sug­ge­ri­men­ti: ag­giun­gen­do un’esten­sio­ne come Re­com­men­da­tion Engine si possono includere degli extra come re­cen­sio­ni di prodotti, rac­co­man­da­zio­ni di prodotti simili o articoli ac­qui­sta­ti so­li­ta­men­te in un set.
• Video di prodotti: per im­po­sta­zio­ne pre­de­fi­ni­ta è possibile ag­giun­ge­re solo immagini di prodotti, ma grazie a uno strumento come Product Video avete la pos­si­bi­li­tà di integrare video di prodotti da YouTube, Facebook e persino Vimeo. Così, ad esempio, potete il­lu­stra­re l’uso o il design di un prodotto.
• Badge ed etichette: se lanciate pe­rio­di­ca­men­te offerte speciali e campagne pro­mo­zio­na­li, potete iden­ti­fi­car­le con badge ed etichette speciali dal design ac­cat­ti­van­te. A tal fine risulta utile un plugin come Product Badges.

In­for­ma­zio­ni fon­da­men­ta­li per ogni pagina prodotto

Per essere in grado di creare un negozio online con WordPress, occorre sapere quali sono le in­for­ma­zio­ni da inserire in una pagina prodotto. Nella pre­sen­ta­zio­ne di un prodotto non possono mancare i seguenti punti:

• Foto di prodotto: as­si­cu­ra­te­vi di disporre di foto pro­fes­sio­na­li dei vostri prodotti che siano in linea con lo stile del vostro negozio e che pre­sen­ti­no un valore di ri­co­no­sci­men­to visivo. Una buona immagine rafforza la fiducia nei vostri prodotti. Ideal­men­te, dovreste pre­sen­ta­re il prodotto in pro­spet­ti­ve dif­fe­ren­ti, pre­fe­ri­bil­men­te da ogni lato.
• Titolo del prodotto: il titolo dovrebbe riportare le in­for­ma­zio­ni più im­por­tan­ti ri­guar­dan­ti il prodotto, anche perché in genere viene vi­sua­liz­za­to nelle SERP dei motori di ricerca. Pertanto, tenete presente che un prodotto deve apparire al­let­tan­te già su Google.
• Prezzo, pro­mo­zio­ni speciali, costi di spe­di­zio­ne: un aspetto par­ti­co­lar­men­te im­por­tan­te è l’in­di­ca­zio­ne chiara dei prezzi com­pren­si­vi di IVA. Da non di­men­ti­ca­re anche la presenza di in­for­ma­zio­ni visibili su offerte speciali, sconti e costi di spe­di­zio­ne.
• De­scri­zio­ne del prodotto: fate in modo di inserire una de­scri­zio­ne det­ta­glia­ta e com­pren­si­bi­le del prodotto, tale da fornire tutte le in­for­ma­zio­ni im­por­tan­ti in modo facile ed esaustivo e da con­vin­ce­re anche chi è titubante che si tratta della giusta decisione d’acquisto.
• In­for­ma­zio­ni ag­giun­ti­ve riguardo al prodotto e alla spe­di­zio­ne: a seconda del tipo di prodotto, ag­giun­ge­re ulteriori in­for­ma­zio­ni su peso, di­men­sio­ni, materiale e origine è im­por­tan­te per garantire un acquisto con­sa­pe­vo­le. Le diverse opzioni di spe­di­zio­ne e i costi di spe­di­zio­ne in base al peso possono essere vi­sua­liz­za­ti e calcolati per mezzo di appositi plugin.
• Metodi di pagamento/checkout: laddove possibile, cercate di offrire a chi visita il vostro negozio online tutte le modalità di pagamento più comuni di Woo­Com­mer­ce, onde evitare che l’acquisto non si verifichi a causa della mancanza di opzioni di pagamento.
• Posizione, colore e di­men­sio­ne del pulsante di acquisto: il pulsante di acquisto, o “Aggiungi al carrello”, può essere l’ago della bilancia. La col­lo­ca­zio­ne ideale del pulsante è vicino all’immagine e al titolo del prodotto e sopra la de­scri­zio­ne del prodotto. Non si dovrebbe mai trovare scorrendo verso il fondo della pagina. Inoltre, un colore ac­cat­ti­van­te e un design vivace possono agevolare l’aumento delle vendite.
• Prodotti simili/cross-selling: un elemento di pagina che indica prodotti simili può avere l’effetto di per­sua­de­re i clienti all’acquisto offrendo al­ter­na­ti­ve più in­te­res­san­ti. In questo modo è possibile vi­sua­liz­za­re più prodotti in una pagina prodotto senza in­gom­bra­re la pagina. Anche il cross-selling, ossia la rac­co­man­da­zio­ne di prodotti com­ple­men­ta­ri a quello vi­sua­liz­za­to, può portare a un aumento delle vendite.
• Re­cen­sio­ni/va­lu­ta­zio­ni: le va­lu­ta­zio­ni altrui si rivelano spesso fattori d’acquisto decisivi. Spe­cial­men­te se un prodotto valido riceve re­cen­sio­ni positive, sarebbe un’occasione persa non inserirle nella ri­spet­ti­va pagina prodotto, ad esempio sotto forma di stelle o citazioni. Le re­cen­sio­ni possono essere integrate at­tra­ver­so appositi plugin di WordPress per le re­cen­sio­ni, i quali con­sen­to­no di sol­le­ci­ta­re gli ac­qui­ren­ti a recensire i prodotti ac­qui­sta­ti.

Con­clu­sio­ne: rendere uniche le vostre pagine prodotto conviene

WordPress e il plugin Woo­Com­mer­ce sono strumenti potenti, ma i temi per WordPress, un web design originale con colori ac­cat­ti­van­ti e un’ampia scelta di prodotti non bastano a garantire il successo di un negozio online. Non di­men­ti­ca­te quindi che dipende anche dalla pre­sen­ta­zio­ne dei vostri prodotti, che deve avvenire tramite pagine prodotto chiare, moderne e dotate di fun­zio­na­li­tà utili.

Per curare le pagine dei prodotti potete affidarvi a plugin, come Sto­re­Cu­sto­mi­zer e SeedProd, oppure a un potente page builder come Elementor. Anche le funzioni integrate di WordPress, come “Editor”, “Per­so­na­liz­za” e “CSS ag­giun­ti­vo” sono suf­fi­cien­ti a garantire ag­giu­sta­men­ti rapidi ed efficaci. Ricordate che pagine prodotto in­te­res­san­ti sono in grado di con­qui­sta­re vi­si­va­men­te ed emo­zio­nal­men­te i vostri clienti, facendo così aumentare le vendite.