Migliora l'esperienza dei clienti grazie all'anteprima dei prodotti, allo zoom delle immagini e agli effetti legati al passaggio del mouse.

Aggiungi dettagli interattivi come l'anteprima, lo zoom dell'immagine e gli effetti al passaggio del mouse alla pagina negozio. Queste funzionalità vengono visualizzate quando i clienti posizionano il cursore sulle immagini dei prodotti per osservarle più da vicino.

Suggerimento: registrati al nostro webinar Suggerimenti di progettazione per aumentare le vendite del tuo negozio, per scoprire come far risaltare i tuoi prodotti sul tuo sito e incrementare le vendite.

Funzionalità speciali della Pagina negozio

Le funzionalità speciali disponibili per la pagina del negozio e come personalizzarle dipendono dalla versione di Squarespace del tuo sito.

Aggiungere lo zoom dell'immagine del prodotto

Lo zoom mostra una versione più grande dell'immagine del prodotto, così i clienti possono osservare più da vicino materiali, texture e minimi dettagli. Lo zoom dell'immagine è disponibile nelle pagine dei dettagli del prodotto e nelle lightbox Anteprima

Puoi impostare l'attivazione dello zoom al passaggio del mouse o quando si clicca sull'immagine.

Abilitare lo zoom delle immagini dei prodotti

Suggerimento: per ottenere risultati ottimali, formatta l'immagine del prodotto per la visualizzazione sul web prima di caricarla.

Lo zoom delle immagini non è disponibile sui dispositivi mobili. Le modalità di attivazione dello zoom delle immagini per la visualizzazione su desktop dipendono dalla versione del sito.

Nota: le immagini con sfondi trasparenti (.png) visualizzeranno l'immagine originale dietro la versione ingrandita.

Aggiungere un'anteprima dei prodotti

Con l'anteprima, i clienti possono cliccare su un pulsante per visualizzare i dettagli del prodotto in una lightbox senza abbandonare la pagina corrente. Questo incoraggia i clienti a interagire con il tuo negozio e a esplorare più prodotti. Il pulsante Anteprima può essere visualizzato sui blocchi riepilogo, sui blocchi prodotto e sulle pagine negozio.

Il pulsante appare quando si passa il mouse sopra il prodotto. La lightbox Anteprima include dettagli sul prodotto, immagini e un link a Visualizza articolo completo che porta alla pagina del prodotto.

Se nell'anteprima appare del codice indesiderato, è probabile che nella descrizione del prodotto sia presente una formattazione del testo esterna. Per rimuovere la formattazione, digita di nuovo manualmente la descrizione del prodotto o incollala come testo normale.

Abilitare i pulsanti Anteprima per i prodotti

Puoi attivare l'Anteprima per Pagina negozio e per blocco. Se hai più Pagine negozio o blocchi, aggiungi i pulsanti a ciascuno di essi.

Per aggiungere un'anteprima a un Blocco prodotto:

1. Nell'editor del blocco prodotto, scegli un prodotto da mostrare.
2. Nella scheda Design, attiva l'opzione Anteprima prodotto.
3. Salva le modifiche apportate alla pagina.

Per aggiungere un'anteprima a un Blocco riepilogo:

1. Nell'editor del Blocco riepilogo, assicurati che sia selezionata una pagina negozio nella scheda Contenuto.
2. Clicca sulla scheda Design .
3. Attiva l'opzione Attiva Anteprima prodotto. Il pulsante Anteprima apparirà sopra l'immagine in evidenza del prodotto.
4. Salva le modifiche apportate alla pagina.

Per aggiungere l'Anteprima a una Pagina negozio:

1. Apri le impostazioni della pagina.
2. Clicca su Avanzate, clicca su Anteprima e seleziona l'opzione Attiva anteprima.
3. Se hai più Pagine negozio, ripeti questi step per ciascuna pagina.

Nota: il colore della finestra di Anteprima segue il colore di sfondo della sezione della pagina negozio negli stili sito.

Aggiungere effetti al passaggio del mouse sui prodotti

Gli effetti al passaggio del mouse mostrano informazioni o creano movimento quando sposti il cursore sull'immagine di un prodotto. Le opzioni al passaggio del mouse disponibili sul tuo sito dipendono dalla versione del sito.