Compatibilità:

WebSite X5 Evo e Pro

Dopo aver impostato il carrello e-commerce (vedi, Come si crea un e-commerce?), devi inserire nelle pagine del tuo sito le informazioni e gli strumenti necessari per permettere ai tuoi possibili clienti di vedere i prodotti che offri e di procedere con l'acquisto.


Invece di creare manualmente le pagine necessarie per presentare i prodotti, soprattutto se ne hai molti, puoi ricorrere all'Oggetto Catalogo Prodotti. Con questo Oggetto, infatti, crei in pochi click un vero e proprio catalogo online in cui presenti un gruppo di prodotti, selezionati fra quelli già inseriti nel Carrello e-commerce, attraverso delle card che ne riassumono le informazioni principali e ne permettono l'acquisto. 


Definire i prodotti da includere nel Catalogo Prodotti

Attraverso un unico Oggetto Catalogo Prodotti puoi presentare un numero variabile di Prodotti: non devi stabilire questo numero a priori, semplicemente verrà creata una card di presentazione per ogni Prodotto incluso e questa card sarà aggiunta all'interno della stessa Pagina.

  • Dopo aver creato almeno il catalogo dei Prodotti al Passo 1 - Impostazioni > E-commerce, vai al Passo 3 - Mappa, seleziona la Pagina su cui intendi lavorare e inserisci un Oggetto Catalogo Prodotti all'interno della Cella più opportuna della Griglia di impaginazione.
  • Fai doppio click sull'Oggetto inserito per accedere alla finestra Oggetto Catalogo Prodotti > Elenco.
  • L'Elenco Categorie e Prodotti presenta tutti i Prodotti inseriti nel Carrello, ordinati in Categorie. A questo punto devi:
    • cliccare (in modo da visualizzare un segno di spunta) in corrispondenza di tutti i Prodotti singoli che vuoi includere;
    • cliccare in corrispondenza di una Categoria in modo da includere automaticamente tutti i Prodotti che comprende. In questo modo, aggiornando la composizione della Categoria si modificherà anche l'Oggetto Catalogo Prodotti.


Impostare la grafica delle Schede Prodotto

Ogni Prodotto incluso in un Oggetto Catalogo Prodotti viene presentato attraverso una card creata in automatico dal Programma. Puoi definire quali elementi e quali caratteristiche devono avere le card procedendo in questo modo:

  • Accedi alla finestra Oggetto Catalogo Prodotti > Impostazioni e, innanzitutto, scegli il tipo di visualizzazione. Per esempio, selezionando Copertina a sinistra, titolo e contenuti a destra, in ogni card verranno visualizzati sulla sinistra l'immagine di copertina del Prodotto e sulla destra tutte le informazioni ad esso relative.
  • Utilizza le opzioni disponibili per impostare quante card devono essere visualizzate per riga, la loro altezza, le dimensioni dell'immagine di copertina e i margini interni.
  • Definisci quali elementi delle card devono essere visualizzati e le loro proprietà grafiche (font, colori, bordi e margini). Gli elementi che possono comporre una card sono:
    • sfondo della card;
    • copertina;
    • nome del prodotto;
    • descrizione;
    • dettagli (come categoria, quantità, disponibilità, prezzo, ecc.);
    • pulsante "Aggiungi al carrello";
    • pulsante "Aggiungi alla wishlist".


#tip - Molti di questi elementi riprendono le informazioni impostate durante la creazione del prodotto (vedi, Come si imposta il catalogo dei prodotti?).


  • Lavorando con l'edizione Pro, decidi se completare le schede Prodotto con coccarde che mettano in evidenza i prodotti nuovi o quelli in sconto.


Impostare la visualizzazione delle Schede Prodotto

Una card è una specie di biglietto da visita di un prodotto: offre solo le informazioni essenziali, il pulsante per inserire il prodotto nella wishlist e quello per procedere subito all'acquisto. Queste informazioni, però, potrebbero non essere sufficienti per convincere un Cliente: puoi fare in modo, allora, che dalla card sia accessibile un'intera pagina con una scheda di presentazione completa del prodotto stesso.

  • Vai al Passo 1 > Impostazioni > Carrello e-commerce > Prodotti, seleziona il prodotto su cui vuoi agire e clicca sul pulsante Modifica per accedere alla finestra Impostazioni Prodotto.
  • Apri la sezione Dettagli. 
  • Se lavori con l'edizione Pro, seleziona la voce Pagina Scheda Prodotto: il programma creerà in automatico una pagina con tutte le informazioni disponibili sul prodotto.
  • Ripeti questi passaggi in modo che vengano create le pagine Schede Prodotto per il tutti i prodotti che ti interessano.
#tip - Per risparmiare tempo, seleziona più prodotti contemporaneamente (usando i tasti CTRL o SHIFT) e in 'Impostazioni Prodotto > Dettagli' sfrutta l'opzione 'Applica le modifiche di questa sezione a tutti i Prodotti selezionati'.


  • Torna nella finestra Oggetto Catalogo Prodotti > Impostazioni e accertati che l'opzione Attiva visualizzazione immagini in ShowBox non sia selezionata.
  • Conferma e accedi all'anteprima in locale: ora se clicchi sul titolo o sull'immagine presenti in una card, accedi alla pagina Scheda Prodotto predisposta dal programma.


Nell'edizione Evo non è disponibile l'opzione per la creazione delle Schede Prodotto. Se vuoi puoi comunque creare manualmente delle pagine in cui presenti in maniera più approfondita i tuoi prodotti. Per collegarle nelle card la procedura è analoga a quella appena vista con un'unica differenza: nella finestra Impostazioni Prodotto > Dettagli devi selezionare la voce Collegamento e settare il collegamento stesso.


Prima di concludere, un'ultima precisazione. Se nella finestra Oggetto Catalogo Prodotti > Impostazioni lasci selezionata l'opzione Attiva visualizzazione immagini in ShowBox, il link con la Pagina Scheda Prodotto (o comunque il collegamento impostato con la Evo) viene inserito solo sul titolo della card. Cliccando sull'immagine presente nella card, invece, verrà aperto una finestra ShowBox in cui saranno visualizzate tutte le immagini e i video previsti per il prodotto.