I vostri prodotti sono unici – anche le pagine dei prodotti che li presentano dovrebbero esserlo. Il modello predefinito di pagina prodotto di WooCommerce è adatto a molti negozi online, ma potreste volere qualcosa che rifletta lo stile e i vantaggi individuali dei vostri prodotti.

Non c’è bisogno di essere uno sviluppatore per dare la propria impronta alle pagine dei prodotti grazie ad alcune estensioni di WooCommerce (e una funzione principale di WooCommerce).

Product Add-Ons

L’estensione Product Add-Ons aggiunge più campi alle vostre pagine dei prodotti in modo che gli acquirenti possano personalizzare i loro acquisti. Disponi le opzioni usando caselle di testo, caselle di controllo o dropdown e aggiungi variazioni con immagini di esempio – includile per i singoli prodotti o per il tuo intero catalogo.

Perfetto per: negozi eCommerce che offrono opzioni aggiuntive come confezioni regalo e monogrammi.

• Se sei un negozio di abbigliamento che offre ricami, permetti ai clienti di digitare il testo che vogliono ricamare prima del check out, così non dovrai contattarli dopo l’acquisto.
• Se vendi cuscini d’accento, offri opzioni per il tessuto, le dimensioni o lo stile.
• Se vendi gioielli, lascia che i clienti scelgano la citazione che vorrebbero incisa sul pezzo.
• Se offri prodotti regalabili, includi opzioni per la confezione regalo o una nota di ringraziamento.
• Se vendi elettronica, permetti agli acquirenti di acquistare una garanzia che protegga il loro articolo.
• Se sei un’organizzazione no-profit, lascia che le persone che ti sostengono includano una donazione con il loro acquisto di merce.

Scegli di far pagare ogni add-on, o offrire personalizzazioni gratuitamente. E’ un modo flessibile per dare agli acquirenti le opzioni di cui hanno bisogno.

Per saperne di più su Product Add-Ons.

Campionature e foto delle variazioni

Se il tuo prodotto ha variazioni di colore o di modello, gli acquirenti vogliono vederle in azione. L’estensione Variation Swatches and Photos mostra le variazioni – stili, taglie, modelli, colori, ecc. – con un’immagine o un campione di colore per dare ai clienti un’idea migliore di ciò che stanno acquistando e migliorare il design delle tue pagine prodotto.

Perfetto per: negozi eCommerce con prodotti variabili.

• Se vendi magliette, mostra le opzioni di colore.
• Se vendi occhiali, mostra tutte le opzioni di montatura.
• Se vendi gioielli, evidenzia i ciondoli che i clienti possono scegliere.
• Se vendi skateboard, includi immagini dei modelli che offri.

Scopri di più su Variation Swatches and Photos e vedilo in azione.

WooCommerce 360º Image

Con WooCommerce 360º Image, puoi aggiungere una rotazione dinamica e personalizzata dell’immagine a 360º alle pagine dei prodotti in modo che gli acquirenti possano concentrarsi sui dettagli del prodotto. Aggiungi un gruppo di immagini a una galleria di prodotti, e l’immagine in primo piano sarà sostituita da una bella immagine a 360º che i clienti possono ruotare per vedere tutti gli aspetti del prodotto. È anche completamente reattivo, così gli acquirenti su dispositivi mobili hanno la stessa grande esperienza.

Perfetto per: negozi eCommerce che vogliono dare ai clienti un’esperienza come tenere fisicamente in mano un prodotto.

• Se vendi mobili, i clienti possono capire il suo stile da tutte le angolazioni.
• Se vendi ricambi auto, i clienti possono esaminare i dettagli in primo piano che contano per loro.
• Se vendete orologi, i clienti possono ingrandire ogni sfumatura, incisione e caratteristica.

Scopri di più su WooCommerce 360º Image.

Product Video for WooCommerce

I video sono un modo potente per mostrare i vostri prodotti in azione. Usate l’estensione Product Video for WooCommerce per aggiungere video alla vostra galleria di immagini dei prodotti o per sostituire le immagini in primo piano con dei video. Caricate i video nella vostra libreria multimediale di WordPress o incorporateli da servizi di terze parti come Vimeo o YouTube.

Perfetto per: negozi di e-commerce con prodotti che sono meglio mostrati in azione

• Se vendete utensili elettrici, dimostrate le dimensioni dello strumento e come funziona.
• Se vendete vestiti, mostrate come un articolo si adatta a una varietà di tipi di corpo e si abbina ad altri pezzi.
• Se vendi giocattoli, includi clip di bambini che giocano con i tuoi prodotti e testimonianze di genitori felici.

Scopri di più su Product Video for WooCommerce.

Size Chart for WooCommerce

Se vendi prodotti di varie taglie, una tabella aiuta i clienti a capire quale acquistare e riduce il numero di resi. L’estensione Size Chart for WooCommerce aggiunge i grafici delle taglie alle pagine dei prodotti – caricate i vostri o createne uno nella vostra dashboard. Puoi scegliere di visualizzare i grafici nei dettagli del prodotto o come pop-up.

Perfetto per: negozi eCommerce che vendono prodotti in più taglie

Esempi:

• Se vendi magliette, aggiungi una tabella delle taglie con misure di spalle, petto e altezza.
• Se vendi mobili, aggiungi una tabella delle taglie con misure di lunghezza, altezza e profondità.
• Se vendi adesivi, aggiungi una tabella delle taglie con misure di altezza e larghezza.

Impara di più su Size Chart per WooCommerce.

Raccomandazioni sui prodotti

Upsell e cross-sell sono modi efficaci per aumentare le dimensioni del carrello dei clienti e le tue vendite complessive. Usa le Raccomandazioni sui prodotti per mostrare ai clienti più di ciò a cui sono interessati. Aggiungi prodotti raccomandati in base a ciò che è popolare, ciò che è nuovo, ciò che è in vendita, ciò che completa un look e altro ancora. Oppure visualizzali in base a ciò che è già nel carrello del tuo cliente.

Perfetto per: negozi eCommerce con più di un prodotto

• Se vendi scarpe, consiglia calze o lacci.
• Se vendi orecchini, consiglia bracciali e collane della stessa collezione.
• Se vendi giocattoli, consiglia puzzle simili a quelli che un cliente ha nel carrello.
• Se vendi piante, consiglia altre varietà popolari o aggiunte al terreno.

Scopri di più sulle Raccomandazioni dei prodotti.

Semplici modifiche CSS, nessuna estensione richiesta

CSS è un linguaggio di codifica che controlla il design del tuo sito web, dai font e i colori alle dimensioni dei pulsanti e gli sfondi. Se hai qualche conoscenza di base dei CSS, vai su Aspetto → Personalizza → CSS aggiuntivo nel tuo cruscotto e fai le seguenti modifiche:

Cambia la dimensione del carattere dei titoli dei prodotti

Usa il codice sottostante per cambiare la dimensione dei titoli dei tuoi prodotti a 36px. Sostituisci il “36” con qualsiasi numero tu voglia.

.woocommerce div.product .product_title {font-size: 36px;}

Cambia il colore dei titoli dei prodotti

Un codice hex è un codice a sei cifre che rappresenta un colore specifico online. Usa il codice qui sotto per cambiare il colore del titolo del tuo prodotto con il codice esadecimale #FF5733. Sostituisci il codice esadecimale con qualsiasi cosa tu voglia; puoi usare il selezionatore di colori HTML per ottenere il codice per qualsiasi colore tu voglia.

.woocommerce div.product .product_title {color: #FF5733;}

Rendi le etichette delle variazioni in grassetto

Usa il codice qui sotto per visualizzare i titoli delle tue variazioni in grassetto.

.woocommerce div.product form.cart .variations label { font-weight: bold;}

Rendi in corsivo le etichette delle variazioni

Usa il codice qui sotto per rendere in corsivo le etichette delle variazioni.

.woocommerce div.product form.cart .variations label { font-style: italic;}

Cambia i colori del pulsante Acquista ora:

Usa questo codice per cambiare il colore di sfondo del tuo pulsante Acquista ora. Anche in questo caso, usa il selezionatore di colori HTML per ottenere il codice esadecimale del colore che vorresti usare.

.woocommerce div.product .button { background: #000000;}

Inizia a personalizzare le tue pagine prodotto

WooCommerce è tutto sulla flessibilità e la personalizzazione, ecco perché fornisce tutti gli strumenti necessari per modificare il design e la funzionalità delle pagine prodotto. Aggiungendo campi, video, tabelle delle taglie e altro ancora, le tue pagine possono essere uniche come i prodotti che presentano.

Vedi la nostra libreria di estensioni completa per ancora più opzioni.