Come aggiungere un'anteprima del prodotto al tuo negozio WooCommerce

Vuoi consentire ai tuoi clienti di vedere i dettagli del prodotto direttamente nelle pagine delle offerte? Quindi, dovresti prendere in considerazione l'aggiunta del pulsante Visualizzazione rapida del prodotto WooCommerce.

Con la funzione Visualizzazione rapida, i visitatori possono visualizzare le informazioni sul prodotto ed effettuare un acquisto dalla pagina del negozio, dalla pagina delle categorie o dalla pagina dei risultati di ricerca invece di dover visitare le pagine dei dettagli del prodotto. È una grande comodità avvicinarsi ai loro articoli preferiti senza passare a un'altra pagina.

Ma è un peccato che WooCommerce predefinito non fornisca ai proprietari dei negozi una funzionalità così straordinaria. Quindi, quello che devi fare è cercare uno strumento di supporto.

Questo articolo spiegherà come funziona questa funzione e potenzia il tuo negozio. Inoltre, ti presentiamo anche un potente strumento di visualizzazione rapida di WooCommerce chiamato Woostify Quick View. Continua a leggere per esplorare tutte le cose.

Che cos'è Visualizzazione rapida in WooCommerce? Come funziona?

Quick View è la funzione che offre alle persone una panoramica dei prodotti sulla pagina del negozio. Quando si fa clic sul pulsante Visualizzazione rapida di qualsiasi articolo, verrà visualizzato un popup/lightbox per consentire ai visitatori di visualizzare i dettagli del prodotto come prezzi del prodotto, brevi descrizioni, immagini, gallerie fotografiche e colori e dimensioni.

Prima che la funzionalità entri, i visitatori potrebbero dover visitare ogni singola pagina del prodotto se desiderano esplorare le loro funzionalità. Più prodotti vogliono vedere in dettaglio, più tempo devono dedicare al caricamento di nuove pagine. Per molte persone, è un processo che richiede tempo e si sentiranno annoiati da questa brutta esperienza di acquisto.

Come proprietario di un negozio, vuoi ottimizzare questo processo, giusto? E la funzione Quick View è qui per aiutarti. Con un pulsante Visualizzazione rapida, indipendentemente dal numero di prodotti che i tuoi visitatori desiderano visualizzare, non saranno necessari nuovi caricamenti di pagina. Possono divertirsi a vedere i dettagli di tutti i prodotti in un'unica posizione e fare un rapido confronto.

Il popup Visualizzazione rapida include anche un pulsante Aggiungi al carrello. Dopo che i visitatori hanno "visualizzato rapidamente" un articolo, possono aggiungerlo al carrello direttamente sulla lightbox/popup se si sentono soddisfatti.

Perché dovremmo aggiungere una funzione "Visualizzazione rapida" al negozio WooCommerce?

Attraverso la sezione sopra, hai già capito come funziona WooCommerce Product Quick View. E in questa parte, elencheremo i vantaggi specifici dell'utilizzo di questa funzione.

• Innanzitutto, migliora la navigazione del sito web . Le persone possono ottenere i dettagli necessari di ciascun prodotto senza spostarsi avanti e indietro tra la pagina di elenco del prodotto e le pagine dei dettagli del prodotto. Dopo aver fatto clic sul pulsante Visualizzazione rapida, verrà visualizzata una finestra luminosa che consentirà l'accesso ai dettagli del prodotto dell'articolo. Dopo aver chiuso la casella, rimani ancora nella pagina dell'elenco in cui puoi continuare a sfogliare altri elementi e aprire le loro caselle di visualizzazione rapida, se lo desideri.
• In secondo luogo, aiuta i visitatori a confrontare facilmente le caratteristiche di prodotti diversi . Come accennato in precedenza, con la funzione WooCommerce Product Quick View, i visitatori possono esplorare i dettagli di vari articoli su una pagina invece di spostarsi tra l'elenco dei prodotti e le singole pagine dei prodotti. Questa funzione rende più facile per i visitatori navigare, fare un confronto e prendere una decisione di acquisto.
• Ultimo ma non meno importante, aumenta la percentuale di aggiunta al carrello per creare più vendite. Quando viene visualizzata una lightbox Visualizzazione rapida, spesso include un pulsante Aggiungi al carrello. Dato che consente alle persone di vedere molti prodotti senza navigare tra le pagine, questa funzione incoraggia i clienti ad aggiungere più prodotti al carrello. Sebbene possa verificarsi l'abbandono del carrello, quasi il 40% degli utenti che scelgono di aggiungere al carrello alla fine acquista quell'articolo, secondo le statistiche. È assolutamente fantastico!

Hai sfruttato i vantaggi di Quick View. Quindi è il momento di aggiungere questa funzione al tuo negozio. Immergiamoci!

Come aggiungere la visualizzazione rapida del prodotto WooCommerce (utilizzando Woostify Quick View)

Come abbiamo detto dall'inizio, il WooCommerce di default non include la funzione Quick View. Hai bisogno del supporto di uno strumento per aggiungere questa funzione al tuo negozio WooCommerce.

Qui ti presentiamo un potente strumento chiamato Quick View (offerto da Woostify) che aiuta ad abilitare la funzione Quick View in modo rapido e semplice. Diversamente dagli altri plugin Quick View per WooCommerce, questa funzione è integrata nel tema Woostify. Quindi, una volta installato Woostify e aggiornato alla versione pro, avrai la possibilità di utilizzare Quick View e altre fantastiche funzionalità.

Woostify Quick View consente agli utenti di aggiungere il pulsante Quick View a ciascun prodotto nella pagina del negozio WooCommerce o nella pagina della categoria e rimuovere il pulsante da queste pagine di elenco quando non è necessario. Il pulsante Aggiungi al carrello è incluso nella lightbox del prodotto Quick View, in modo che i clienti possano aggiungere articoli al carrello e completare il processo di acquisto direttamente nelle pagine di elenco dei prodotti.

In questo momento, tratteremo in modo approfondito le straordinarie funzionalità di Woostify Quick View e ti mostreremo una guida passo passo per creare il pulsante o rimuoverlo dal tuo negozio.

1. Abilita il componente aggiuntivo Visualizzazione rapida in Woostify

Per far funzionare la funzione Visualizzazione rapida, devi prima abilitarla.

• Dalla dashboard di WooCommerce, vai all'opzione Woostify nel menu a sinistra.
• Quindi, vai a visitare la scheda Componenti aggiuntivi in ​​​​cui vengono visualizzati tutti i componenti aggiuntivi di Woostify.
• Scorri verso il basso per trovare il componente aggiuntivo Visualizzazione rapida e tocca il pulsante nell'angolo del componente aggiuntivo.

Ora la funzione Quick View è stata attivata per il tuo negozio WooCommerce.

2. Personalizza il pulsante Visualizzazione rapida per la pagina dell'inserzione (pagina del negozio)

Dopo essere stato abilitato nella scheda Componenti aggiuntivi, Visualizzazione rapida può funzionare bene nelle pagine delle tue inserzioni. Ma per modellare il pulsante Visualizzazione rapida a proprio piacimento, eseguire questo passaggio: personalizzare il pulsante.

La pagina del negozio è una pagina di elenco, quindi qui prenderemo come esempio l'Anteprima sulla pagina del negozio.

Iniziamo!

Visita la pagina del negozio e clicca su Personalizza .

Nell'interfaccia Personalizza, troverai molte sezioni per personalizzare il tuo negozio WooCommerce. Vai a visitare la sezione WooCommerce per raggiungere il pulsante Quick View.

Dopo aver navigato su WooCommerce, verrai indirizzato al menu nell'immagine qui sotto. Vai alla scheda Archivio negozio per modificare la Visualizzazione rapida per la pagina del negozio .

Ora puoi vedere il pulsante Visualizzazione rapida con diverse opzioni di personalizzazione.

• Posizione : sono disponibili quattro opzioni di posizione per la visualizzazione del pulsante Visualizzazione rapida. La prima opzione non è il pulsante Visualizzazione rapida.
• Icona Quick View : l'icona è un occhio. Puoi scegliere di visualizzare o nascondere l'icona Visualizzazione rapida.
• Sfondo : ci saranno due opzioni per impostare il colore di sfondo, tra cui Normale (colore visualizzato quando i visitatori passano il mouse sull'immagine del prodotto) e Passaggio (colore visualizzato quando i visitatori passano il mouse sul pulsante Visualizzazione rapida).
• Colore : qui cambierai il colore per il testo della Visualizzazione rapida. Come Sfondo , il componente aggiuntivo offre due opzioni per modificare il colore del testo, Normale e Al passaggio del mouse.
• Border Radius : impostare questa parte se si desidera creare un pulsante arrotondato. Si noti che questa opzione funziona solo per il pulsante posizionato al centro dell'immagine del prodotto.

Poiché la funzione Visualizzazione rapida del prodotto WooCommerce si trova nel Live Customizer, puoi visualizzare in anteprima l'aspetto e il funzionamento del pulsante.

Non dimenticare di toccare il pulsante Pubblica per salvare le modifiche che hai impostato.

3. Scopri come funziona Quick View nel frontend

Dopo aver completato la configurazione, puoi visitare la pagina del negozio per verificare come funziona la funzione Visualizzazione rapida.

Come puoi vedere, dopo aver fatto clic sul pulsante Visualizzazione rapida di un articolo, possiamo visualizzare in anteprima i prezzi del prodotto, le descrizioni, le varianti, gli SKU, le categorie e il pulsante Aggiungi al carrello. Qui aggiungiamo anche diversi articoli desiderati al carrello senza passare a nessun'altra pagina.

4. Rimuovi Visualizzazione rapida da WooCommerce

Per rimuovere il pulsante Visualizzazione rapida dalle pagine degli elenchi di WooCommerce, torna alla dashboard di WooCommerce, visita la scheda Componenti aggiuntivi e tocca il pulsante come nell'immagine sottostante per disattivare il componente aggiuntivo Visualizzazione rapida. È tutto fatto!

Controlliamo se il componente aggiuntivo è disabilitato o meno!

Basta andare alla pagina del negozio e ricaricare la pagina. Ora, quando passiamo con il mouse su qualsiasi prodotto nella pagina del negozio, il pulsante Visualizzazione rapida non viene più visualizzato. Questo è fatto

Aggiungi subito l'anteprima del prodotto WooCommerce al tuo negozio!

La funzione Quick View gioca un ruolo importante nel potenziare il tuo negozio. Pertanto, se si desidera aumentare la percentuale di aggiunta al carrello e migliorare le vendite, è necessario installare uno strumento Visualizzazione rapida. Woostify Quick View è il nostro suggerimento per coprire questo compito. Questo componente aggiuntivo Woostify ti consente di:

• Mostra i dettagli del prodotto nella lightbox Quick View
• Personalizza il pulsante Visualizzazione rapida con varie opzioni
• Aggiungi più articoli al carrello da una pagina

È anche molto semplice impostare questa funzione per il tuo negozio. Basta attivare, personalizzare e controllare. Potrebbero essere necessari meno di 5 minuti per completare l'intero processo. Si noti che non vendiamo questa funzione separatamente. Per utilizzare il componente aggiuntivo, devi essere un utente Woostify Pro.

Una volta diventato un utente Woostify Pro, oltre alla visualizzazione rapida, hai l'opportunità di utilizzare molte altre fantastiche funzionalità come:

• WooBuilder: crea la pagina del negozio, la pagina dettagliata del prodotto, la pagina del carrello, la pagina di pagamento, la pagina del mio account, la pagina del carrello vuoto e la pagina di ringraziamento
• Generatore di intestazioni e piè di pagina: crea intestazioni e piè di pagina personalizzati per il sito Web utilizzando Elementor
• Filtro prodotto intelligente: crea filtri di prodotto WooCommerce in base a qualsiasi criterio e attributo
• Etichetta bianca: sostituisci il tema Woostify con il tuo marchio
• Campioni di variazione: rendi più accattivanti le varianti di prodotto con bellissimi campioni di colori, immagini, dimensioni e marchi