Compatibilità:

WebSite X5 Pro

Le pagine Scheda Prodotto vengono create in automatico dal programma riprendendo le informazioni inserite principalmente attraverso la finestra Impostazioni Prodotto e organizzandole secondo una struttura studiata per ottimizzare le possibilità di conversione alla vendita.


Di seguito puoi vedere l'immagine di una tipica pagina Scheda Prodotto:


Le pagine riprendono le impostazioni di stile del modello usato per il progetto ma puoi personalizzarne alcuni aspetti (vedi, Come si agisce sull'aspetto grafico delle pagine Scheda Prodotto?). È anche importante specificare che le pagine sono già ottimizzate per la visualizzazione su mobile. 


Entriamo un po' più nel dettaglio e vediamo com'è strutturata una pagina Scheda Prodotto: sapendo da dove vengono riprese le singole informazioni ti sarà più semplice capire come preparare e inserire i contenuti necessari.  


Galleria Immagini 

La galleria immagini viene composta utilizzando le immagini che inserisci in Impostazioni Prodotto > Immagine. 


Qui, attraverso il pulsante Aggiungi, puoi importare tutte le immagini e i video che ritieni necessari per far vedere il prodotto da angolazioni diverse, nei dettagli o in ambientazioni differenti.


Ricorda che la prima immagine della lista viene visualizzata come "hero image", in primo piano e di grandi dimensioni: tutte le altre immagini, se presenti, vengono invece proposte come miniature e potranno essere ingrandite su click.   


Titolo e Informazioni

Come titolo della pagina viene ripreso il nome del prodotto specificato attraverso l'apposita opzione della finestra Impostazioni Prodotto > Generale. Fai attenzione, quindi, a non usare solo una sigla o un codice identificativo: crea piuttosto un titolo breve ma significativo.


Sotto il titolo viene riportata la categoria a cui il prodotto appartiene (ricavata in base alla struttura impostata per il catalogo prodotti). Di seguito, a seconda del fatto che siano stati specificati o meno, vengono poi proposti:

  • una descrizione breve: è la descrizione che inserisci in Impostazioni Prodotto > Generale. Se vuoi puoi cliccare sul pulsante e fare in modo che MagicText, l'assistente per la generazione di contenuti testuali basato sull'Intelligenza Artificiale integrato in WebSte X5 (nelle edizioni Pro, dalla versione 2023.2, e Agency), la scriva per te.
  • la disponibilità: è un'indicazione sulla disponibilità del prodotto ricavata in base a quanto definito in Impostazioni Prodotto > Disponibilità. 
  • le varianti e le sotto-varianti: è l'elenco delle varianti e delle sotto-varianti disponibili per il prodotto. Servono, per esempio, per permettere al cliente di specificare la taglia o il colore del prodotto da ordinare. Puoi definirle in Impostazioni Prodotto > Opzioni.   
  • il prezzo: è il prezzo d'acquisto che definisci in Impostazioni Prodotto > Generale. Tiene conto di eventuali sconti attivati in Impostazioni Prodotto > Sconto. 
  • il campo quantità, il pulsante Wishlist e il pulsante Acquista: questi elementi vengono generati automaticamente. Nel caso sia stata prevista una quantità minima ordinabile (attraverso l'apposita opzione presente in Impostazioni Prodotto > Generale), il campo quantità riporta il numero minimo richiesto e una tip spiega che è necessario rispettare la condizione perché l'ordine possa essere accettato ed evaso.


#tip - Puoi fare in modo che uno o più di questi elementi non compaiano all'interno delle pagine Schede Prodotto semplicemente rendendoli non visibili attraverso le apposite opzioni della finestra E-commerce: scheda prodotto > Generale. Per maggiori informazioni, vedi: Come si agisce sull'aspetto grafico delle pagine Scheda Prodotto?


Dettagli

Le informazioni fin qui viste rientrano, generalmente, nella parte alta della pagina, quella visibile senza la necessità di scroll. Se il cliente decide di proseguire nella lettura della pagina, significa che è interessato e che ha bisogno di informazioni in più o più specifiche.


La sezione dei dettagli serve proprio per fornire tutti quegli approfondimenti che possono servire al cliente per essere sicuro che il prodotto risponda alle sue esigenze.


Puoi comporre i testi di questa sezione attraverso l'editor che trovi in Impostazioni Prodotto > Dettagli. 


Scrivere le descrizioni complete di tutti i prodotti disponibili a catalogo può essere un lavoro piuttosto lungo. Anche in questo caso puoi farti aiutare da MagicText. Clicca di nuovo sul pulsante presente nell'editor, descrivi il testo che vuoi ottenere e guardalo comporsi sotto ai tuoi occhi.


#tip - Sfrutta i tab. Ricorda che puoi organizzare i testi in tab diversi: potresti, per esempio, proporre una descrizione lunga nel primo tab, una scheda tecnica nel secondo tab e una serie di FAQ nel terzo tab. Per maggiori info, vedi Come si imposta la visualizzazione del testo in schede (tab)?


Altri prodotti

Dal momento che hai l'attenzione del cliente, perché non approfittarne? Giunto quasi al termine della pagina, il tuo cliente dovrebbe sapere ormai tutto sul prodotto che sta guardando e potrebbe essere interessato a scoprire altri prodotti analoghi.


Se vuoi che venga presentata una carrellata di altri prodotti presenti nella stessa categoria del prodotto corrente, devi procedere in questo modo:

  • Al Passo 3 - Mappa, seleziona la Pagina Speciale "E-commerce: Scheda Prodotto" e clicca sul pulsante Modifica (o fai doppio click sulla pagina stessa).
  • Rimani nella sezione Generale e attiva l'opzione Mostra Prodotti della stessa Categoria.


Alcune precisazioni:

  • La galleria propone al massimo 50 prodotti correlati.
  • Per essere proposti in questa galleria, i prodotti devono appartenere alla stessa categoria del prodotto corrente e prevedere il collegamento con la pagina Scheda Prodotto.
  • Al click su un prodotto correlato viene aperta la pagina Scheda Prodotto del prodotto stesso.


Recensioni

È dimostrato che le opinioni di altri clienti hanno una grande influenza sulle decisioni di acquisto perché, in fondo, siamo portati a fidarci di chi ha vissuto un'esperienza simile alla nostra.


Per stimolare i tuoi clienti a lasciare una recensione che potrà poi essere letta dai clienti che verranno, puoi fare così:

  • Al Passo 3 - Mappa, seleziona la Pagina Speciale "E-commerce: Scheda Prodotto" e clicca sul pulsante Modifica (o fai doppio click sulla pagina stessa).
  • Vai nella sezione Commenti e attiva il sistema di gestione dei commenti che preferisci scegliendo tra quello interno di WebSite X5, Facebook o Disquss.


#tip - Gestione dei commenti. I sistemi e le modalità di gestioni sono del tutto analoghi a quelli previsti anche per il Blog e per l'Oggetto Commenti e Voti. Per maggiori info, vedi Come si attivano/disattivano i commenti per i post del Blog?


Pulsanti Social

Un cliente che sta guardando la pagina di un tuo prodotto potrebbe esserne talmente soddisfatto da volerlo segnalarle ad altri suoi conoscenti. Ti conviene facilitare questo passa-parola spontaneo, anzi per il successo del tuo e-commerce è strategico stimolarlo: in fondo è tutta pubblicità gratuita!


#tip - Interruzione di AddThis. Per consentire l'inserimento di una barra con i pulsanti di condivisione, avevamo integrato in WebSite X5 il servizio AddThis. Dal 31 Maggio 2023, Oracle ha deciso di interrompere tutti i servizi AddThis. Se avevi usato AddThis nelle pagine del tuo Blog, quindi, ti consigliamo di rimuoverlo. 


Esistono molti servizi alternativi ad AddThis: uno di questi è ShareThis. ShareThis offre diverse soluzioni per la creazione di strumenti di condivisione ed è gratuito. Vediamo, dunque, come usarlo per creare una barra con i pulsanti di condivisione che venga visualizzata a lato della pagina e che sia ingrado di scorrere con essa in modo da rimanere sempre disponibile.

  • Accedi alla piattaforma ShareThis.
  • Seleziona lo strumento ShareThis che desideri utilizzare: nel nostro caso, Sticky Share Buttons.
  • A questo punto, puoi personalizzare i pulsanti selezionando i canali social che vuoi suggerire, le dimensioni e la forma dei pulsanti.
  • Clicca sul pulsante Avanti e procedi con la registrazione del tuo account.
  • La procedura guidata della piattaforma prevede diversi casi: rimani nella sezione HTML.
  • Copia il tuo codice personalizzato da inserire nella sezione HEAD.  


Adesso che hai ottenuto il codice necessario, puoi tornare in WebSite X5:

  • Apri il tuo progetto, vai al Passo 3 - Mappa, seleziona la pagina speciale E-commerce: Pagina Scheda Prodotto e clicca sul pulsante Proprietà.
  • Apri la sezione Esperto e, come posizione in cui incollare il codice, seleziona Prima della chiusura del tag HEAD.
  • Incolla (CTRL+V) nell'apposito campo il codice univoco che hai ottenuto da ShareThis. 
#tip - ShareThis. I pulsanti di condivisione di ShareThis sono gratuiti, semplici da personalizzare ed ottimizzati per il mobile. Oltre a quelli visti in questa guida ci sono altri strumenti di condivisione disponibili: segui le indicazioni fornite dalla piattaforma per utilizzarli, collegare il tuo dominio e poter così accedere al pannello di controllo dedicato. Potrai, tra l'altro, accedere a delle statistiche di utilizzo per scoprire quali contenuti suscitano più interesse nel tuo pubblico.