Come utilizzare il blocco WooCommerce del prodotto in evidenza

Presentare un prodotto specifico nel tuo negozio online può essere un modo efficace per aumentare le tue vendite. Ad esempio, potresti voler mostrare il tuo articolo più recente sulla tua home page o promuoverlo in un post sul blog. Fortunatamente, il blocco WooCommerce del prodotto in evidenza ti consente di evidenziare facilmente qualsiasi prodotto sul tuo sito WordPress.

In questo articolo, daremo un'occhiata più da vicino al blocco Prodotto in evidenza e ti mostreremo come aggiungerlo al tuo sito. Discuteremo anche alcune best practice per utilizzare questa funzionalità in modo efficace.

Iniziamo!

Come aggiungere il blocco WooCommerce del prodotto in evidenza al tuo post o alla tua pagina

Il blocco Prodotto in evidenza ti consente di mostrare un particolare articolo su un post o una pagina. Ciò può incoraggiare i clienti ad aggiungere quel prodotto ai loro carrelli della spesa, il che potrebbe comportare maggiori profitti per il tuo negozio WooCommerce.

Per utilizzare questo blocco, apri la pagina o il post in cui desideri visualizzare il tuo articolo speciale. Quindi, fai clic sul segno più (+) per aggiungere un nuovo blocco e utilizza la barra di ricerca per cercare l'opzione "Prodotto in evidenza":

Una volta inserito il blocco, ti verrà chiesto di selezionare il prodotto che desideri visualizzare. Puoi scegliere un elemento dall'elenco disponibile o cercarlo utilizzando la barra di ricerca:

Seleziona il tuo prodotto una volta trovato e fai clic su Fine. Il blocco mostrerà quindi l'elemento selezionato:

Nota che questa funzione è disponibile solo se stai usando WooCommerce. Se il plugin è attivato sul tuo sito, avrai anche accesso a tutti gli altri blocchi WooCommerce nell'Editor blocchi.

Impostazioni e opzioni del blocco WooCommerce del prodotto in evidenza

Se lo desideri, il blocco Prodotti in evidenza può essere personalizzato in modo che si adatti meglio alle funzionalità e allo stile del tuo sito. Se fai clic sul blocco, otterrai una barra degli strumenti con sei impostazioni principali:

Ecco una rapida panoramica di ciascuna opzione:

1. Modificare il tipo o lo stile del blocco: puoi trasformare questo elemento in un blocco Gruppo o Colonne.
2. Modifica allineamento: è possibile selezionare un layout a larghezza intera o larghezza ampia.
3. Modifica l'allineamento del testo: puoi allineare il testo all'interno del blocco a sinistra, a destra o al centro.
4. Sostituisci: puoi modificare l'immagine all'interno del blocco.
5. Modifica: puoi utilizzare questa opzione per sostituire il prodotto in evidenza con un articolo diverso.
6. Opzioni: puoi copiare il blocco, raggrupparlo, aggiungerlo ai tuoi Blocchi riutilizzabili o rimuoverlo.

Impostazioni del pulsante CTA

Inoltre, puoi modificare il pulsante Call To Action (CTA) all'interno del blocco. Tutto quello che devi fare è fare clic su di esso e apparirà una barra degli strumenti dedicata:

Ad esempio, modifichi il testo sul pulsante, ne modifichi l'allineamento e ne formatti lo stile. Puoi anche modificare il collegamento alla pagina del prodotto e impostarlo per aprirlo in una nuova scheda.

Puoi anche trovare più impostazioni per il pulsante CTA nel pannello di destra:

Qui puoi cambiare il carattere e lo stile del testo. Puoi anche scegliere un colore diverso per il testo e il pulsante.

Impostazioni di blocco

Ora, torniamo al blocco. Quando lo selezioni, vedrai anche alcune impostazioni aggiuntive nel pannello di destra:

Per impostazione predefinita, il blocco Prodotto in evidenza mostra la descrizione e il prezzo del tuo prodotto. Tuttavia, hai la possibilità di nascondere queste informazioni. Tutto quello che devi fare è attivare l'interruttore corrispondente.

Puoi anche cambiare il colore di sovrapposizione del blocco e regolarne l'opacità:

Nel frattempo, il selettore del punto focale ti consente di spostare l'oggetto all'interno del blocco. Nel nostro esempio, questa è la t-shirt:

Ad esempio, potresti voler spostare l'immagine principale verso la parte superiore del blocco, in modo che il testo sia più visibile. Puoi farlo trascinando il piccolo cerchio sul campo Selettore punto focale o definendo i valori nelle caselle Sinistra e Destra .

Infine, c'è un'opzione Impostazioni avanzate . Ciò ti consente di aggiungere nuove classi CSS al blocco. Tuttavia, ti consigliamo di utilizzare questa funzione solo se hai esperienza con i fogli di stile.

Suggerimenti e best practice per l'utilizzo efficace del blocco WooCommerce del prodotto in evidenza

Come abbiamo visto, il blocco WooCommerce del prodotto in evidenza ti consente di evidenziare un prodotto su una pagina o un post. Ad esempio, puoi mostrare il tuo articolo più recente o provare a ravvivare l'interesse per un prodotto più vecchio. Qualunque sia il caso, ci sono alcune cose da considerare quando si utilizza questa funzione.

Poiché l'obiettivo del blocco Prodotto in evidenza è indurre i clienti ad acquistare il tuo articolo, vorrai che questo elemento sia visivamente accattivante e informativo. Per questo motivo, ti consigliamo di scegliere un colore di sovrapposizione più chiaro, per assicurarti che l'immagine del tuo prodotto sia chiara.

Dovrai anche assicurarti che il nome, la descrizione e il prezzo siano facili da leggere. Sfortunatamente, il blocco non ti permette di cambiare il carattere e il colore di questi elementi. Pertanto, dovrai regolare il colore e l'opacità della sovrapposizione in modo che sia l'immagine che il testo siano sufficientemente visibili da attirare l'attenzione dei visitatori:

Infine, assicurati che il pulsante CTA si colleghi alla pagina del prodotto pertinente. In questo modo, i visitatori interessati all'oggetto possono visitare la sua pagina per saperne di più. Ti consigliamo di controllare il blocco sul front-end per assicurarti che funzioni perfettamente prima di premere Pubblica .

Domande frequenti sul blocco WooCommerce del prodotto in evidenza

Come puoi vedere, il blocco WooCommerce del prodotto in evidenza è molto facile da usare. Tuttavia, potresti avere ancora alcune domande su ciò che questa funzione può e non può fare. Copriamo alcune considerazioni chiave.

Posso aggiornare i dettagli del prodotto dal blocco?

Puoi caricare un'immagine diversa per il tuo prodotto, ma non puoi modificare nessun altro dettaglio del prodotto da questo blocco. Se desideri aggiornare le informazioni per il tuo prodotto in evidenza, come il nome o il prezzo, dovrai apportare queste modifiche dalla pagina Prodotti .

Posso visualizzare più di un prodotto in evidenza?

Questo blocco ti consente di visualizzare un solo prodotto alla volta. Tuttavia, puoi aggiungere diversi blocchi di prodotti in evidenza e scegliere un articolo diverso per ciascuno.

Posso aggiungere ulteriori informazioni sul prodotto?

Per impostazione predefinita, il Prodotto in evidenza mostra i dettagli più elementari sull'articolo, principalmente il nome, la descrizione e il prezzo. Hai la possibilità di nascondere alcune di queste informazioni, ma non puoi aggiungere altri elementi al blocco. Se vuoi includere ulteriori dettagli, dovrai aggiungere un blocco di paragrafo (o altro contenuto).

Conclusione

Il blocco WooCommerce del prodotto in evidenza ti consente di evidenziare un particolare articolo su una pagina o un post del blog. Questo può essere un modo efficace per promuovere un nuovo articolo e aumentare le vendite.

Come abbiamo visto, questo blocco è dotato di un pulsante CTA che incoraggia gli utenti ad acquistare il tuo prodotto in evidenza. Ti consente inoltre di utilizzare un'immagine unica per l'elemento e di regolare il colore della sovrapposizione e lo stile dei pulsanti per rendere il blocco visivamente più accattivante.

Hai domande su come utilizzare il blocco Prodotto in evidenza in WooCommerce? Fatecelo sapere nella sezione commenti qui sotto!

Immagine in primo piano tramite FOTOSPLASH / shutterstock.com