Finestra E-commerce: Pagina Scheda Prodotto

Passo 3 - Mappa >

Finestra E-commerce: Pagina Scheda Prodotto

Previous pageReturn to chapter overviewNext page
Mostra/Nascondi testo nascosto 

Per ogni Prodotto inserito nell'e-commerce viene automaticamente creata una Pagina Scheda Prodotto che raccoglie tutte le informazioni su di esso disponibilil, così da presentarlo in maniera completa ai possibili acquirenti. Attraverso le opzioni proposte in questa finestra, richiamata selezionando la Pagina Speciale "E-commerce: Scheda Prodotto" sulla Mappa e cliccando sul pulsante Modifica, è possibile dunque definire la struttura delle Pagine Scheda Prodotto, decidere se in esse devono essere proposti anche i Prodotti correlati e attivare la visualizzazione dei pulsanti di condivisione e dei commenti.

La finestra si articola, dunque, nelle seguenti sezioni:

▪Generale;
▪Commenti.
Clicca per espandere/ridurreReference: La sezione Generale

Per impostare come le Pagine Schede Prodotto devono essere strutturate è sufficiente utilizzare le opzioni disponibili nella sezione Visualizzazione. Nello specifico è possibile scegliere tra:

Galleria a sinistra, informazioni a destra

Informazioni a sinistra, galleria a destra

Definito il posizionamento degli elementi principali, si possono impostare alcune opzioni di Stile che concorrono a determinare gli ingombri dei vari elementi:

▪Altezza Miniature: definisce il valore in pixel dell'altezza delle miniature proposte dalla Galleria Immagini.
▪Larghezza: definisce la larghezza della Galleria in percentuale rispetto a quella della Pagina.
▪Altezza: definisce il valore in pixel dell'altezza della Galleria Immagini.

A questo punto è possibile decidere quali dei seguenti Elementi devono essere visualizzati:

•Titolo: è il nome del Prodotto;
•Descrizione;
•Dettagli: comprende la Categoria, le Varianti di Prodotto, la Disponibilità, il Campo Quantità;
•Prezzo: comprende le informazioni relative al Prezzo, con l'eventuale visualizzazione dell'IVA e degli Sconti applicati.
•Pulsante: permette di aggiungere il Prodotto al carrello in modo da poter procedere con il suo acquisto;
•Wishlist: consente di aggiungere il Prodotto nella Wishlist, ovvero nella lista dei prodotti che si potrebbero voler acquistare in un secondo momento.

Selezionato l'Elemento su cui si vuole agire vengono proposte le opzioni disponibili:

▪Visibile: fa in modo che l'elemento sia visibile o meno. Questa opzione è disponibile per il Titolo, la Descrizione, il Pulsante e la Wishlist.
▪Tipo di Font: specifica il tipo di carattere, le dimensioni e lo Stile del testo. Il menu a tendina propone: il comando per applicare il Font di default (definito dallo Stile dell'elemento Testo della Pagina nella finestra Stile dei Testi); la lista dei Safe Fonts, ovvero dei font presenti su tutti i dispositivi e per i quali, quindi, non è necessaria alcuna pubblicazione; tutti i Google Fonts e i Web Fonts aggiunti attraverso la finestra Aggiungi Web Font richiamata dal comando Altri tipi di carattere.
▪Colore Testo: specifica il colore del testo.
▪Mostra Categoria: visualizza la Categoria in cui, in base a quanto definito nella finestra E-commerce | Prodotti, è inserito il Prodotto.
▪Mostra Campo Quantità: visualizza un Campo Quantità per permettere al Cliente di specificare la quantità del Prodotto che intende inserire nel carrello.
▪Mostra Varianti Prodotto: visualizza le Varianti di Prodotto disponibili nel caso queste siano state impostate attraverso la finestra E-commerce | Prodotti.
▪Mostra Disponibilità: visualizza, oltre all'icona per la Disponibilità Indicativa, anche il numero che ne specifica la Disponibilità Effettiva.

Se si attiva l'opzione Mostra Disponibilità ed è presente almeno un Prodotto per il quale è prevista la visualizzazione di questo tipo di disponibilità, per la Pagina che ospita l'Oggetto Catalogo Prodotti deve essere impostata l'estensione .PHP: è possibile farlo tramite l'opzione Estensione del file generato presente nella finestra Proprietà Pagina | Esperto.

▪Mostra Prezzo: visualizza il prezzo associato al Prodotto, con o senza IVA.
▪Prezzo finale / Prezzo scontato: specificano i colori che devono essere utilizzaro per riportate il prezzo fnale e il prezzo scontato.
▪Modalità: specifica se come Pulsante deve essere utilizzato un Testo o un'Immagine. Nel primo caso è possibile sfruttare le opzioni disponibili per definire lo stile del link testuale; nel secondo caso, invece, è necessario importare il File Immagine da utilizzare attraverso l'apposito campo.
▪Margini: imposta il valore in pixel per il margine tra la scritta e il bordo del Pulsante.
▪Aggiungi senza visualizzare il Carrello: disponibile per l'elemento Pulsante fa in modo che, cliccando sul pulsante di acquisto, il Cliente aggiunga direttamente il Prodotto fra quelli ordinati senza essere prima indirizzato al Carrello.
▪Colore: specifica il colore per per l'icona a forma di cuore utilizzata come pulsante per aggiungere un Prodotto alla Wishlist.  
▪Aggiungi senza visualizzare la Wishlist: disponibile solo per l'elemento Wishlist, fa si che il Prodotto venga aggiunto direttamente alla wishlist senza che questa pagina venga prima visualizzata.

Nel riquadro Opzioni sono disponibili, invece, le opzioni necessarie per visualizzare o meno i Prodotti correlati:

▪Mostra Prodotti della stessa categoria: se attiva, fa in modo che venga proposta una galleria con i Prodotti appartenenti alla stessa categoria del prodotto corrente.
Clicca per espandere/ridurreReference: La sezione Commenti

Attraverso i comandi di questa sezione si gestisce l'inserimento dei commenti lasciati dai Visitatori come feedback ai Prodotti offerti dall'e-commerce.

Innanzitutto occorre attivare l'opzione Consenti l'inserimento dei Commenti per i Prodotti dell'e-commerce.

Fatto questo, occorre definire il Sistema di gestione dei commenti che si intende utilizzare, scegliendo tra:

WebSite X5: è il sistema interno di WebSite X5 e prevede l'utilizzo di un apposito Pannello di Controllo online.

Facebook: utilizza il Social Plug-in di Facebook per gestire discussioni e commenti.

Disqus: è il sistema fornito da Disqus.

A seconda del Sistema di gestione dei commenti scelto, vengono proposte impostazioni diverse su cui agire.

Clicca per espandere/ridurreReference: I comandi per gestire i commenti tramite il sistema interno di WebSite X5

Se si utilizza il Sistema di gestione dei commenti interno di WebSite X5 occorre definire il Tipo di contenuto che i Visitatori del Sito potranno lasciare, scegliendo tra:

Commento e Voto: i Visitatori potranno lasciare un commento scritto e, in più, esprimere un voto.

Commento: i Visitatori potranno lasciare un commento ma non votare.

Voto: i Visitatori potranno votare ma senza lasciare alcun commento.

Selezionato il Tipo di contenuto, nella sezione Impostazione Commenti vengono presentate le opzioni disponibili:

▪Stile Voto: definisce lo stile dell'elemento grafico (per esempio, una serie di 5 stelline) proposto al Visitatore per permettergli di votare. Questa è l'unica opzione disponibile se si seleziona Voto come Tipo di contenuto.
▪Visualizza commenti su più colonne: fa in modo che i commenti non vengano visualizzati semlpicemente uno sotto all'altro ma disposti su più colonne affiancate.
▪Mostra pulsante 'Abuso': fa in modo che venga messo a disposizione dei Visitatori il pulsante "Abuso" attraverso il quale possono segnalare eventuali comportamenti scorretti.
▪Attiva controllo anti-spam 'Captcha': aggiunge il controllo anti-spam del Captcha al termine della form per l'inserimento di un commento.

E' possibile scegliere quale sistema di captcha deve essere utilizzato attraverso l'apposita funzione presente nella finestra Privacy e Sicurezza | Sicurezza.

▪Numero di commenti per Pagina: definisce il numero di commenti massimo che deve essere visualizzato per Pagina.
▪Metodo di visualizzazione: definisce se i commenti lasciati dai Visitatori possono essere visualizzati subito online, oppure se devono prima essere approvati attraverso i comandi del Pannello di Controllo online.
▪Ordine di visualizzazione: definisce in quale ordine cronologico devono essere visualizzati i commenti pubblicati, se dal più recente al più vecchio o viceversa.

Normalmente i Provider permettono l'accesso in scrittura per ogni cartella del Server: in questi casi non è necessario specificare alcun percorso per la cartella pubblica. Al contrario, per conoscere il percorso completo della cartella pubblica è necessario contattare il proprio Provider dello spazio Web.

Nella sezione WebSite Test del Pannello di Controllo online è possibile verificare se la cartella con accesso in scrittura specificata, e le eventuali sottocartelle in essa presenti, esistono e, in caso positivo, se permettono effettivamente la scrittura dei dati.

Se non si decide di utilizzare l'Hosting di WebSite X5, il Database collegato al Progetto dovrà essere impostato attraverso le apposite opzioni della finestra Impostazioni Server.

Sempre nel caso si utilizzi il Sistema di gestione dei commenti interno di WebSite X5, attraverso il Pannello di Controllo online è possibile fare in modo che venga inviata in automatico all'Amministratore del Sito una notifica ogni volta che viene pubblicato un nuovo commento a un Prodotto dell'e-commerce.

Clicca per espandere/ridurreReference: I comandi per gestire i commenti tramite Facebook

Se come Sistema di gestione dei commenti si decide di utilizzare Facebook, occorre definire le seguenti impostazioni:

▪Colore: imposta colori chiari o scuri per gli elementi in primo piano, in modo da avere un corretto contrasto rispetto allo sfondo.
▪Post visibili: definisce il numero di post che devono essere visualizzati nel riquadro dei commenti.

Per maggiori informazioni sul funzionamento dei Social Plug-in di Facebook, vedere: https://developers.facebook.com/docs/plugins/

Clicca per espandere/ridurreReference: I comandi per gestire i commenti tramite Disqus

Se come Sistema di gestione dei commenti si decide di utilizzare Disqus, è possibile definire le seguenti impostazioni:

▪Disqus Short Name: è il nome assegnato come identificativo del Sito durante il setup del servizio su Disqus. Tutti i commenti ricevuti attraverso un Sito verranno automaticamente associati allo Short Name impostato in modo da poter essere caricati e visualizzati correttamente.

Per maggiori informazioni sul sistema di gestione delle discussioni offerte da Disqus, vedere: http://disqus.com/websites/

 


Leggi le Guide:

-

Cos'è e come si utilizza la pagina Scheda Prodotto?

-

Come si agisce sull'aspetto grafico delle pagine Scheda Prodotto?