Compatibilità:

WebSite X5 Pro dalla versione 2023.3

Una funzione molto diffusa negli e-commerce più evoluti è quella della wishlist. Come dice il nome stesso, si tratta di una lista virtuale dei desideri, in cui gli utenti possono aggiungere gli articoli che non vogliono acquistare subito ma che potrebbero essere interessati ad acquistare in un secondo momento.


In pratica la funzionalità prevede che accanto ai prodotti, oltre al consueto pulsante "Aggiungi al carrello" ci sia anche un pulsante "Aggiungi alla wishlist". Quando un utente preme questo pulsante, il prodotto viene salvato nella sua wishlist personale. Gli utenti potranno quindi accedere alla pagina con la loro wishlist in qualsiasi momento, aggiungere o rimuovere articoli e, quando saranno pronti, trasferire gli articoli desiderati nel carrello per completarne l'acquisto.   


Per gli utenti di uno store online, dunque, le wishlist posso risultare utili per diversi motivi permettendo di:

  • ricordare i prodotti che hanno suscitato il loro interesse;
  • pianificare al meglio i propri acquisti nel tempo;
  • comparare più facilmente i prodotti desiderati, prendendo decisioni di acquisto più informate. 


Ora che abbiamo chiarito cos'è e a cosa serve una wishlist, capiamo come aggiungerla nel nostro sito e-commerce. In questa guida vedremo come:


#tip - Per utilizzare la Wishlist, l'utente non deve essere necessariamente loggato: in questo caso i prodotti inseriti nella Wishlist vengono salvati in locale nella sessione di navigazione. Se l'utente è loggato, invece, i dati relativi alla Wishlist vengono salvati sul suo profilo: in questo modo potrà ritrovarli anche facendo il login da dispositivi diversi. Per fare in modo che gli utenti si registrino allo store, vedi: Come attivare la registrazione dei clienti nel proprio store online.  


Come attivare la wishlist

Come sappiamo, il primo passo per la realizzazione di un e-commerce è comporre il catalogo inserendo i prodotti a carrello. 

Fatto questo, occorre decidere come presentarli e, in base agli obiettivi e al tempo che hai a disposizione, puoi scegliere di farlo sfruttando l'Oggetto Catalogo Prodotti o la pagina Ricerca Prodotti (per maggiori informazioni, vedi: Come si possono presentare i prodotti a catalogo?).


Sia l'impiego dell'Oggetto Catalogo Prodotti che della Pagina Ricerca Prodotti porta alla visualizzazione di card e, volendo, di vere e proprie pagine Schede Prodotto. Entrambe vengono create in automatico dal programma raccogliendo e organizzando le informazioni disponibili per ciascun prodotto ma è comunque possibile agire sulla loro composizione e sul loro stile grafico. 


Proprio lavorando sulle impostazione delle card e/o della pagina Scheda Prodotto puoi decidere se attivare la wishlist nel tuo e-commerce:

  • Accedi alla finestra delle impostazioni:
    • per l'Oggetto Catalogo Prodotti: fai doppio click sull'Oggetto inserito per eccedere alla finestra con le proprietà e poi accedi alla sezione Impostazioni;
    • per la pagina Ricerca Prodotti: vai al Passo 3 - Mappa, seleziona la pagina speciale E-commerce: Ricerca, clicca sul pulsante Modifica e, infine, accedi alla sezione Impostazioni; 
    • per la pagina Scheda Prodotto: vai al Passo 3 - Mappa, seleziona la pagina speciale E-commerce: Scheda Prodotto, clicca sul pulsante Modifica e rimani alla sezione Generale.
  • In tutti i casi, nella sezione Elementi visibili utilizza il menu a discesa per selezionare l'elemento Wishlist: ti verranno proposte le opzioni relative ad esso.
  • Verifica che ci sia il segno di spunta per l'opzione Visibile: questo farà in modo che, a fianco del pulsante "Aggiungi al carrello", venga previsto il pulsante "Aggiungi alla wishlist".
  • Come pulsante "Aggiungi alla wishlist" viene utilizzata l'icona di un cuore: stabilisci il Colore che deve essere utilizzato sia per il riempimento (stato attivo) che per il solo bordo (stato non attivo) dell'icona.
  • Infine, attiva l'opzione Aggiungi senza visualizzare la Wishlist se vuoi che, cliccando sul pulsante, l'utente possa inserire il prodotto nella sua wishlist senza che la pagina Wishlist venga prima visualizzata.    


Come definire lo stile della pagina Wishlist

Nel momento in cui attivi la visualizzazione del pulsante Wishlist, WebSite X5 predispone la corrispondete pagina Wishlist.

Questa sarà la pagina in cui ciascun utente vedrà tutti i prodotti che avrà inserito nella sua Wishlist attraverso l'apposito pulsante: da qui potrà decidere se rimuoverli o se procedere con il loro effettivo acquisto.


La pagina Wishlist compare come Pagina Speciale sulla Mappa. Prevede un breve testo introduttivo e l'elenco di tutti i prodotti inseriti nella wishlist. Ogni prodotto viene presentato attraverso un'apposita card che, come al solito, può essere personalizzata:

  • Vai al Passo 3 - Mappa, seleziona la pagina speciale E-commerce: Wishlist e clicca sul pulsante Modifica.  
  • 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 "Rimuovi dalla wishlist".
  • Decidi se completare le card con coccarde che mettano in evidenza i prodotti nuovi o quelli in sconto.
  • Infine, se vuoi puoi fare in modo che cliccando sia sul titolo che sull'immagine presenti nella card si acceda alla pagina Scheda Prodotto. Assicurati di aver predisposto la creazione della Pagina Scheda Prodotto per ciascun prodotto (vedi: Cos'è e come si utilizza la pagina Scheda Prodotto?), quindi disabilita l'opzione Attiva visualizzazione immagini in ShowBox. In caso contrario, il link con la Pagina Scheda Prodotto viene inserito solo sul titolo della card mentre, cliccando sull'immagine presente nella card, verrà aperta una finestra ShowBox in cui saranno visualizzate tutte le immagini e i video previsti per il prodotto.  

  

#tip - Se lo desideri, puoi modificare anche il testo introduttivo inserito all'inizio della pagina Wishlist. Scopri come fare nella guida: Come si gestiscono le lingue per i testi inseriti in automatico dal programma? L'ID Contenuto che identifica il testo in questione è: 'wishlist_description'. Puoi trovare facilmente i contenuti su cui agire usando il campo di ricerca. 


Per consentire ai tuoi utenti di accedere alla pagina Wishlist e visualizzare tutti i prodotti che vi hanno inserito, devi predisporre dei collegamenti che portano ad essa: puoi, per esempio, inserire un link testuale o un pulsante nell'header del tuo sito cosicché la funzione sia sempre disponibile.


Puoi creare un collegamento che porta alla visualizzazione della pagina Wishlist in 2 modi diversi.


Metodo 1:

  • Vai al Passo 3 - Mappa, all'interno della cartella Pagine Speciali seleziona la pagina E-commerce: Wishlist 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 Wishlist.


Metodo 2:

  • Seleziona l'elemento su cui vuoi agire: potrebbe essere un testo, un'immagine o anche un Livello del menu di navigazione.
  • Clicca sul pulsante  in modo da inserire un collegamento.
  • Nella finestra Collegamento seleziona l'azione Pagina del Sito: clicca sul pulsante per sfogliare la mappa del sito, quindi seleziona la pagina E-commerce: Wishlist presente nella cartella Pagine Speciali.