Compatibilità:

WebSite X5 Evo e Pro


Come abbiamo visto, la prima cosa da fare per creare un e-commerce è predisporre il catalogo dei prodotti che si vogliono mettere in vendita (vedi, Come si imposta il catalogo dei prodotti?). Ma, ora che abbiamo inserito tutti i nostri prodotti - o almeno una parte di questi - come facciamo a farli vedere all'interno delle pagine del sito? Come li presentiamo ai potenziali clienti cosicché possano procedere all'acquisto?


In questo articolo risponderemo proprio a questa domanda e scopriremo che, in realtà, c'è più di un modo per farlo: sta a te scegliere il migliore in base al tipo di progetto che vuoi sviluppare.


Metodi alternativi per presentare i prodotti a catalogo

Tutto dipende dall'obiettivo che vuoi raggiungere, ma anche dal tempo che vuoi investire: puoi scegliere di fare tutto da solo per avere il massimo della libertà o di affidarti al programma e risparmiare risorse. Ecco tutti i modi che hai a disposizione per presentare i prodotti a catalogo all'interno del tuo sito:

  1. Crea manualmente le pagine prodotto 
  2. Utilizza l'Oggetto Catalogo Prodotti
  3. Sfrutta la Pagina Ricerca Prodotti (solo per l'edizione Pro)


Come vedremo, l'impiego dell'Oggetto Catalogo Prodotti e della Pagina Ricerca Prodotti porta alla visualizzazione di card e, volendo, di vere e proprie pagine di approfondimento con la Scheda Prodotto. Parleremo, quindi, anche di:


Creare manualmente delle pagine prodotto

La prima cosa che puoi fare, naturalmente, è decidere di creare in modo manuale una pagina per ciascun prodotto a catalogo:

  • Vai al Passo 3 - Mappa e inserisci una pagina per ogni prodotto. Cerca di procedere in maniera ordinata così da agevolare la navigazione nel sito: magari crea un menu Prodotti e usa i Livelli per riprodurre la stessa struttura in categorie e sotto-categorie adottata nel catalogo. [ IMG catalogo / mappa per suggerire di fare albero uguale ]
  • Seleziona una delle nuove pagine inserite e vai al Passo 4 per procedere all'inserimento dei contenuti. Usa gli Oggetti che hai a disposizione per creare la miglior presentazione possibile del tuo prodotto: ricorda che puoi inserire testi, immagini, video, tabelle, ecc. Devi cercare di soddisfare qualsiasi dubbio o curiosità che il tuo potenziale cliente potrebbe avere.
  • Completa la pagina aggiungendo il pulsante "Acquista": lo puoi impostare attraverso il collegamento Aggiungi al Carrello (vedi, Come si crea un pulsante "Acquista"?). Il consiglio è mettere questo pulsante in posizione strategica e magari in più di un punto della pagina: per esempio, subito nella parte alta e poi al fondo della pagina. Il tuo obiettivo è vendere!
  • Terminata la pagina del primo prodotto, occupati di tutte le altre pagine dedicate agli altri prodotti. Ti conviene fare in modo che tutte le pagine che presentano un prodotto abbiano lo stesso layout: il tuo sito risulterà più coerente e omogeneo.


#tip -Invece di inserire prima tutte le pagine vuote nella Mappa e poi procedere all'inserimento dei contenuti di ciascuna, puoi creare la pagina di un prodotto, completarla dal punto di vista della grafica e dei contenuti, e poi duplicarla attraverso i comandi Copia e Incolla. In questo modo dovrai solo modificare i contenuti che cambiano da un prodotto all'altro senza dover ricreare d'accapo tutta la struttura.


Il vantaggio di questa soluzione è la libertà che hai nel decidere come creare le pagine di presentazione dei tuoi prodotti: partendo da un foglio bianco puoi sostanzialmente fare ciò che vuoi. D'altro canto è evidente che creare una a una tutte le pagine necessarie potrebbe essere oneroso, soprattutto se i prodotti sono molti. Rimane, quindi, una soluzione indicata a patto che i prodotti da presentare non siano troppo numerosi.


Utilizzare l'Oggetto Catalogo Prodotti

Un'alternativa che introduce un certo livello di automazione rendendo più veloce il lavoro è sfruttare l'Oggetto Catalogo Prodotti. Questo Oggetto ti permette, infatti, di inserire nelle tue pagine delle card che presentano in maniera sintetica ma efficace i prodotti che ti interessano. Ecco un esempio di come potresti procedere:

  • Vai al Passo 3 - Mappa e inserisci una pagina per ogni categoria di prodotto. 
  • Seleziona una delle nuove pagine inserite e vai al Passo 4 per procedere all'inserimento dei contenuti. Dopo aver inserito un titolo e magari un breve testo introduttivo, inserisci l'Oggetto Catalogo Prodotti in modo che occupi la maggior parte della pagina.
  • Accedi alla finestra di impostazioni dell'Oggetto e rimani nella sezione Elenco. Vedi l'intero catalogo dei prodotti: seleziona la categoria che ti interessa.
  • Vai ora alla sezione Impostazioni e usa le opzioni disponibili per settare l'aspetto grafico delle card.
  • Conferma e ripeti la procedura per creare le pagine di tutte le altre categorie.


#tip - L'Oggetto Catalogo Prodotti è versatile: puoi usarlo per creare la card di un solo prodotto specifico così come di tutti i prodotti di una categoria. Per maggiori informazioni, vedi Come si lavora con l'Oggetto Catalogo Prodotti?


Le card sono studiate in modo da offrire tutte le informazioni essenziali su un prodotto: al minimo, nome, immagine/descrizione, prezzo e pulsante acquista. In questo caso non ti devi preoccupare del numero dei prodotti: il programma crea automaticamente una card per ogni prodotto che ti interessa e tu puoi sviluppare velocemente il tuo progetto.


Sfruttare la Pagina Ricerca Prodotti

Se lavori con l'edizione Pro, oltre alle 2 soluzioni appena viste, hai un'altra alternativa molto interessante da valutare: la possibilità di inserire nel tuo sito un motore di ricerca per i prodotti a catalogo. Se hai tante referenze da gestire e vuoi offrire un'esperienza di acquisto al top, questa è senza dubbio la strada che devi imboccare.

  • Vai al Passo 3 - Mappa: tra le Pagine Speciali trovi anche la pagina Carrello e-commerce: ricerca. Questa pagina viene generata in automatico dal programma: mette a disposizione un campo di ricerca e dei filtri ed è strutturata per visualizzare le card di tutti i prodotti che rispondono ai criteri impostati.
  • Seleziona la pagina Carrello e-commerce: ricerca e clicca sul pulsante Modifica (o fai doppio click sulla pagina stessa).
  • Nella finestra delle impostazioni a cui accedi, rimani nella sezione Ricerca e attiva tutti gli strumenti che vuoi rendere disponibili per i tuoi clienti.
  • Accedi poi alla sezione Impostazioni ed utilizza le opzioni disponibili per impostare l'aspetto delle card attraverso le quali verranno presentati i prodotti che rispondono ai criteri di ricerca.
  • Ora seleziona di nuovo la pagina Carrello e-commerce: ricerca e trascinala all'interno della cartella Menu.
  • Viene creato un Alias della pagina: rinominalo ed, eventualmente, spostalo in modo che compaia correttamente all'interno del menu di navigazione. L'Alias mantiene in automatico il collegamento alla pagina Ricerca Prodotti.


#tip - Puoi collegare la pagina di ricerca direttamente nel menu di navigazione o creare dei pulsanti per richiamarla. Ricorda che oltre ai filtri standard puoi impostare anche dei filtri personalizzati. Per maggiori informazioni vedi Cos'è e come si utilizza la pagina Ricerca Prodotti del carrello e-commerce? e Come si creano i filtri personalizzati per la pagina Ricerca Prodotti del carrello e-commerce?


Oltre le Card: le Schede Prodotto

Sia l'Oggetto Catalogo Prodotto che la pagina Ricerca Prodotto portano, dunque, alla creazione automatica e alla visualizzazione di card. Una card non è altro che un box in cui vengono riassunte alcune informazioni basilari su un prodotto (inserite attraverso la finestra Impostazioni Prodotto) e reso disponibile il pulsante per l'acquisto. Sono l'equivalente di un biglietto da visita e una pagina può contenerne molte.

In realtà, l'edizione Pro di WebSite X5 non è solo in grado di generare le card ma anche delle vere e proprie Schede Prodotto, ovvero delle pagine (una per prodotto) in cui vengono raccolte tutte le informazioni disponibili su un prodotto, inclusi i commenti lasciati da altri clienti, gli approfondimenti con eventuali dettagli tecnici e la galleria dei prodotti correlati.


Per fare in modo che le Schede Prodotto vengano create e rese disponibili devi procedere in questo modo:

  • Vai al Passo 1 - Impostazioni > Avanzate > Carrello E-commerce > Prodotti seleziona il prodotto su cui vuoi lavorare (o inseriscine uno nuovo) e clicca sul pulsante Modifica (o fai doppio click) per accedere alla finestra Impostazioni Prodotto.
  • Se ancora non lo hai fatto, inserisci tutte le informazioni che ti interessa fornire: nome, prezzo, immagini, descrizioni, varianti, ecc.
  • Apri la sezione Dettagli e verifica che per il prodotto sia impostato il collegamento con una Scheda di Presentazione.
  • Ripeti questi passaggi per tutti i prodotti per i quali vuoi collegare le Schede Prodotto. Per procedere più velocemente puoi fare una selezione multipla dei prodotti (usando i testi CTRL o SHIFT), richiamare la finestra Impostazioni Prodotto, impostare il collegamento con la Scheda Prodotto e cliccare sulla voce (ora disponibile) Applica le modifiche di questa scheda a tutti i prodotti selezionati.
  • Fatto questo, devi ancora lavorare sulle impostazioni della card: a seconda di ciò che hai impiegato, accedi alla finestra Oggetto Catalogo Prodotti > Impostazioni o alla finestra Carrello e-commerce: ricerca > Impostazioni (presentano le stesse voci) e verifica che l'opzione Attiva visualizzazione immagini in ShowBox non sia selezionata.


Il risultato è che ora, cliccando sul titolo o sull'immagine presenti in una card viene visualizzata la pagina Scheda Prodotto: puoi verificarlo subito cliccando sul pulsante Anteprima e provando a navigare in locale tra le pagine del tuo sito.


#tip - Per maggiori informazioni, vedi Cos'è e come si utilizza la pagina Scheda Prodotto?


Proporre direttamente le Schede Prodotto

Le Schede Prodotto sono complete quanto le pagine che puoi sviluppare manualmente (quelle di cui abbiamo parlato esplorando il primo metodo di lavoro) ma hanno il grande vantaggio di essere create in automatico e quindi senza dispendio di tempo e di energie da parte tua.


In effetti - e questa è una quarta strada percorribile in alternativa o in integrazione alle altre tre già viste - puoi decidere di creare dei collegamenti diretti alle Schede Prodotto.

  • Fa in modo che il programma generi le Schede Prodotto per tutti i prodotti del tuo catalogo su cui intendi lavorare (segui a procedura vista nel paragrafo precedente).
  • Seleziona o apri la finestra delle impostazioni dell'elemento su cui vuoi impostare il collegamento. Può trattarsi, per esempio, di:
    • un testo → per creare un link ipertestuale;
    • un'immagine → per creare un  pulsante;
    • un livello della mappa → per creare una voce di menu.
  • Clicca sul pulsante per accedere alla finestra Collegamento.
  • Seleziona l'azione E-commerce, attiva la voce Mostra la pagina Scheda Prodotto del Prodotto selezionato e seleziona il Prodotto che ti interessa. 
  • Se necessario, ripeti la procedura per tutti i prodotti per i quali vuoi creare il collegamento alla relativa Scheda Prodotto.


A questo punto, il ventaglio delle opzioni è completo: hai tutto ciò che ti occorre per presentare al meglio i tuoi prodotti e massimizzare le tue possibilità di vendita e di successo.