Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere una breve descrizione del prodotto in WooCommerce

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete aggiungere una breve descrizione del prodotto in WooCommerce?

Una breve descrizione del prodotto coinvolgente e utile può invogliare gli acquirenti a saperne di più sui vostri prodotti e aiutarvi a ottenere più vendite.

In questo articolo vi mostreremo come aggiungere una breve descrizione del prodotto nel vostro negozio WooCommerce.

How to add a short product description in WooCommerce

Perché aggiungere una breve descrizione del prodotto in WooCommerce?

Simile all’estratto di un post, le brevi descrizioni dei prodotti possono far venire voglia agli acquirenti di saperne di più su un prodotto.

La maggior parte dei temi WooCommerce WordPress mostra la descrizione direttamente sotto il prezzo nelle pagine dei singoli prodotti.

A short production description created using WooCommerce

Poiché è una delle prime cose che gli acquirenti vedranno, questa descrizione è perfetta per condividere informazioni importanti su un prodotto, come le dimensioni o il materiale con cui è realizzato.

Questo può aiutare gli acquirenti a decidere rapidamente se vogliono saperne di più sul prodotto, scorrendo la descrizione completa o controllando la galleria di immagini del prodotto. In altre parole, una descrizione accattivante può fungere da richiamo per il resto della pagina del prodotto.

Tenendo presente questo, vediamo come aggiungere una breve descrizione del prodotto in WooCommerce.

Come aggiungere una breve descrizione del prodotto in WooCommerce

Per creare una breve descrizione, andate su Prodotti ” Tutti i prodotti nella vostra dashboard di WordPress.

Quindi, trovare il prodotto a cui si vuole aggiungere una breve descrizione e fare clic sul link “Modifica”.

Adding a short product description using WooCommerce

Una volta fatto ciò, scorrere fino alla casella “Descrizione breve del prodotto”.

È ora possibile digitare una descrizione nell’area di testo.

Typing out a WooCommerce short product description

Quando si è soddisfatti delle informazioni inserite, è sufficiente aggiornare o pubblicare la pagina del prodotto come di consueto.

Ora, se visitate la pagina del prodotto sul vostro mercato online, vedrete la breve descrizione nella parte superiore dello schermo.

La maggior parte dei temi mostra questa descrizione direttamente sotto il prezzo del prodotto e il pulsante “Aggiungi al carrello”. A seconda del tema WordPress, la descrizione può essere diversa, ma di solito appare nella parte superiore della pagina.

Come mostrare brevi descrizioni dei prodotti nella pagina principale del negozio

Per impostazione predefinita, la maggior parte dei temi WooCommerce mostra la descrizione breve solo sulle pagine dei singoli prodotti.

In genere, non mostrano la descrizione nelle pagine delle categorie di prodotti o nella pagina principale del negozio, come si può vedere nell’immagine seguente.

An online store created using WooCommerce

Tuttavia, a volte è possibile mostrare queste informazioni nelle pagine principali del negozio e delle categorie. Questo può aiutare i clienti a individuare i prodotti che desiderano approfondire visitando la pagina completa del prodotto.

Per mostrare la descrizione breve nella pagina principale del negozio e nelle pagine delle categorie di prodotti, è necessario aggiungere del codice al sito web.

Il modo migliore per aggiungere codice personalizzato in WordPress è utilizzare WPCode. È il miglior plugin per gli snippet di codice e consente di aggiungere CSS, PHP e altro ancora al vostro negozio online.

Per prima cosa, è necessario installare e attivare il plugin gratuito WPCode. Per ulteriori informazioni, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Una volta attivato il plugin, andare su Code Snippets ” Add Snippet.

How to add a WooCommerce code snippet using WPCode

Qui vengono mostrati tutti gli snippet preconfezionati che è possibile aggiungere al proprio sito. Questo include uno snippet che consente di disabilitare completamente i commenti, di caricare tipi di file che WordPress di solito non supporta, di disabilitare le pagine degli allegati e molto altro ancora.

Nella schermata successiva, occorre passare il mouse sull’opzione “Aggiungi il tuo codice personalizzato (nuovo snippet)” e fare clic sul pulsante “Usa snippet” quando appare.

Adding a custom WooCommerce snippet to your online store using WPCode

Digitare qui un titolo per lo snippet di codice. Questo è solo un riferimento, quindi si può usare qualsiasi cosa si voglia.

Quindi, aprire il menu a tendina “Tipo di codice” e scegliere “Snippet PHP”.

Adding a PHP snippet to your eCommerce store

A questo punto, è sufficiente incollare quanto segue nell’editor di codice:

add_action( 'woocommerce_after_shop_loop_item', 'woo_show_excerpt_shop_page', 5 );
function woo_show_excerpt_shop_page() {
	global $product;

	echo $product->post->post_excerpt;
}

Quindi, fare clic sul cursore “Inattivo” in modo da visualizzare “Attivo”.

Poi basta fare clic sul pulsante “Salva snippet” o “Aggiorna” per rendere attivo lo snippet di codice.

Adding the short product description to your WooCommerce product using WPCode

Ora, le pagine principali del negozio e delle categorie di prodotti mostreranno le descrizioni brevi dei diversi prodotti.

La maggior parte dei temi WooCommerce visualizza queste informazioni tra il prezzo del prodotto e il pulsante “Aggiungi al carrello”. Lo si può vedere nell’immagine seguente.

Short production descriptions on the storage homepage

Tenete presente che un numero eccessivo di parole nelle pagine del vostro negozio e delle categorie di prodotti può far apparire il vostro sito disordinato e confuso.

Se non vi piace l’aspetto di una particolare descrizione breve del prodotto, potete sempre cambiarla seguendo lo stesso procedimento descritto sopra.

Come mostrare descrizioni brevi in un tema WooCommerce personalizzato (avanzato)

Se non siete soddisfatti di come appare la descrizione nella pagina del prodotto, potete utilizzare un plugin di page builder per creare un tema WordPress personalizzato per il vostro negozio online.

SeedProd è il miglior costruttore di pagine di atterraggio e di temi per WordPress e consente di costruire il proprio tema WooCommerce senza dover scrivere una sola riga di codice. In questo modo, potete controllare esattamente dove appare la descrizione breve del prodotto nelle vostre pagine di prodotto.

La versione gratuita di SeedProd è disponibile su WordPress.org, ma noi utilizzeremo la versione Pro del plugin perché viene fornita con il costruttore di temi e blocchi WooCommerce già pronti. Questi blocchi includono un blocco “Descrizione breve”.

In questa sezione vi mostreremo come creare un layout completamente personalizzato per il vostro negozio WooCommerce.

Dovrete ripetere questo processo e creare un layout unico per ogni pagina del vostro negozio online. Ad esempio, utilizzerete SeedProd per creare un design per la homepage e la pagina di archivio del vostro negozio.

In questo modo si ha il controllo completo sul layout dell’intero negozio. Questo lo rende un’opzione potente e flessibile per chiunque voglia progettare un negozio WooCommerce totalmente personalizzato.

Dopo aver installato il plugin per WordPress e averlo attivato, SeedProd chiederà la chiave di licenza.

SeedProd license key

Potete trovare queste informazioni nel vostro account sul sito web di SeedProd e nell’e-mail di conferma dell’acquisto che avete ricevuto quando avete acquistato SeedProd.

Dopo aver digitato la chiave, andare su SeedProd ” Theme Builder. Qui si farà clic sul pulsante “Aggiungi nuovo modello di tema”.

The SeedProd theme builder

Nel popup che appare, digitate un nome per il design della vostra pagina prodotto nel campo “Nome” e aprite il menu a tendina “Tipo” e fate clic su “Prodotto singolo”.

Una volta fatto ciò, fare clic sul pulsante “Salva”.

Creating a single product template with SeedProd

Ora viene visualizzato il costruttore di pagine drag-and-drop SeedProd. A destra, vedrete un’anteprima live della pagina del prodotto, che all’inizio è vuota.

A sinistra è presente un menu che mostra tutti i diversi blocchi e sezioni che è possibile aggiungere alla pagina di prodotto WooCommerce personalizzata.

A custom WooCommerce product page created with SeedProd

SeedProd è dotato di molti blocchi già pronti, compresi alcuni blocchi speciali per WooCommerce. Ad esempio, è possibile utilizzare il blocco ‘Prodotti correlati’ per visualizzare i prodotti più popolari di WooCommerce.

È possibile creare una pagina prodotto completamente personalizzata in pochi minuti utilizzando questi blocchi WooCommerce già pronti.

Poiché stiamo usando un modello vuoto, dovrete aggiungere voi stessi tutti gli elementi della pagina del prodotto WooCommerce. Ciò include elementi come la “Product Featured Image” e il “Product Title”, nonché la “Short Description”.

È inoltre possibile utilizzare i blocchi SeedProd come distanziatori, colonne e divisori per dare alla pagina di WooCommerce una bella struttura e un layout organizzato.

Per iniziare, trovare WooCommerce Template Tags nel menu di sinistra e scegliere un blocco da aggiungere. È quindi sufficiente trascinare il blocco nel layout della pagina.

SeedProd's WooCommerce template tags

Per apportare modifiche a un blocco, è sufficiente fare clic per selezionarlo nell’anteprima di SeedProd. Il menu di sinistra mostrerà tutte le impostazioni che si possono utilizzare per personalizzare il blocco.

Ad esempio, se si fa clic su un blocco “Titolo del prodotto”, è possibile modificare la dimensione del carattere, l’allineamento del testo e altro ancora.

Adding a product title tag to your custom WooCommerce product page

Per aggiungere una breve descrizione al vostro progetto, basta trovare il blocco “Descrizione breve” nel menu di sinistra.

Quindi, è sufficiente trascinare e rilasciare il blocco sul vostro progetto.

Adding a custom short product description with SeedProd

Durante la creazione della pagina del prodotto, è possibile spostare i blocchi nel layout trascinandoli e rilasciandoli. In questo modo è facile creare una pagina di prodotto WooCommerce con un layout totalmente personalizzato in SeedProd.

Quando siete soddisfatti del design della vostra pagina di prodotto WooCommerce, potete fare clic sul pulsante “Salva” nell’angolo in alto a destra.

Infine, fare clic sul pulsante “Pubblica” per salvare le modifiche.

Publishing a WooCommerce single product template

Ora avete creato una pagina prodotto completamente personalizzata per il vostro negozio online.

Ora è possibile creare un modello per tutte le diverse pagine di WooCommerce seguendo la stessa procedura descritta sopra. Se non si è sicuri di quale design creare, è sufficiente fare clic sul pulsante Aggiungi nuovo modello di tema.

Creating a new SeedProd theme

Quindi, fare clic sul menu a discesa “Tipo”.

A questo punto verrà visualizzato un elenco di tutti i diversi modelli da creare, come intestazione, piè di pagina e post singolo.

Creating a custom WooCommerce theme

Dopo aver modificato tutte le pagine di WooCommerce, si è pronti a rendere operativo il tema personalizzato.

È sufficiente andare su SeedProd ” Theme Builder e fare clic sul cursore “Enable SeedProd” (Abilita SeedProd) per portarlo da “no” (grigio) a “sì” (verde).

Enabling your custom WooCommerce theme

Bonus: personalizzare altre pagine WooCommerce

Quando siete soddisfatti dell’aspetto delle pagine dei prodotti, potreste voler riprogettare altre pagine principali di WooCommerce. In questo modo si può migliorare l’esperienza di acquisto, riducendo il tasso di abbandono del carrello e aumentando le vendite.

Le ricerche dimostrano che quasi 7 clienti su 10 abbandonano il carrello e non tornano più. Per questo motivo, la pagina del carrello dovrebbe fare tutto il possibile per garantire la vendita, ma la pagina del carrello predefinita di WooCommerce non è ottimizzata per le vendite.

Per istruzioni dettagliate su come creare una pagina del carrello ad alta conversione utilizzando SeedProd, consultate la nostra guida su come creare una pagina del carrello WooCommerce personalizzata.

Successivamente, si può ottimizzare l’ultima parte del processo di checkout creando una pagina di checkout WooCommerce personalizzata che includa i link ai social media, le recensioni dei clienti, un marchio unico e altro ancora.

An example of an optimized checkout page

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere una breve descrizione del prodotto in WooCommerce. Potete anche consultare la nostra guida sui migliori plugin WooCommerce per il vostro negozio e sul miglior software di live chat per le piccole imprese.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

3 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. michael says

    Why is my short description showing up under buy button, when using functions code?
    I want it to show up above the buy button.

    • WPBeginner Support says

      That would be due to how your theme is styled, you would either need to edit your theme’s code or for a simpler method use the second method from this guide :)

      Admin

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.