Moduli di confronto dei prodotti

Questo articolo descrive i moduli di confronto dei prodotti e come implementarli di modo che i clienti possano confrontare i prodotti nei siti Web di e-commerce di Microsoft Dynamics 365 Commerce.

Nota

I moduli di confronto dei prodotti e dei pulsanti di confronto dei prodotti sono disponibili a partire dalla versione 10.0.29 di Dynamics 365 Commerce. Possono essere utilizzati sia per i siti Web business-to-consumer (B2C) che business-to-business (B2B).

La funzionalità di confronto dei prodotti consente agli acquirenti di confrontare i dettagli dei prodotti in una pagina di confronto dei prodotti per aiutarli a prendere decisioni di acquisto migliori. Questa funzionalità viene configurata nel generatore di siti di Commerce utilizzando il modulo di confronto dei prodotti. Nelle pagine elenco di prodotti (PLP), come le pagine dei risultati di categoria, dei risultati di ricerca e delle raccolte di prodotti, puoi configurare un pulsante per il confronto dei prodotti che consente agli acquirenti di aggiungere prodotti a una barra di confronto. Questa funzionalità viene configurata nel generatore di siti utilizzando il modulo del pulsante di confronto dei prodotti, che funziona come il modulo di visualizzazione rapida.

Quando gli utenti del sito aggiungono prodotti per il confronto selezionandoli nei riquadri dei prodotti, nella parte inferiore della pagina viene visualizzata una barra di confronto. Questa barra mostra i prodotti che l'acquirente sta attualmente confrontando, insieme a brevi anteprime dei prodotti. Gli utenti del sito possono anche aggiungere prodotti dalle pagine dei dettagli del prodotto (PDP) e possono aggiungere specifiche varianti dei prodotti da confrontare con le rappresentazioni generali dei prodotti.

Dopo che i clienti hanno aggiunto alcuni prodotti alla barra di confronto, possono selezionare Confronta per accedere a una pagina di confronto dei prodotti. La pagina di confronto dei prodotti mostra i dettagli di ciascun prodotto selezionato di modo che i clienti possano confrontare immagini, prezzi, dimensioni dei prodotti (taglia, stile e colore), informazioni aggregate sulle valutazioni e altri attributi dei prodotti.

L'illustrazione seguente mostra esempi del pulsante Confronta prodotti, del pulsante Rimuovi dal confronto, della barra di confronto e della pagina di confronto dei prodotti.

Nota

• La pagina di confronto dei prodotti confronta un insieme predefinito di proprietà dei prodotti e tutti gli attributi che possono essere visualizzati in una pagina PDP di un determinato prodotto.
• Proprietà come la modalità di consegna, le scorte disponibili e l'unità di misura non possono essere visualizzate in una pagina di confronto dei prodotti.
• I clienti possono aggiungere prodotti di diverse categorie alla barra di confronto, a condizione che i prodotti provengano dallo stesso catalogo.
• La funzionalità di confronto dei prodotti è attualmente limitata al confronto dei prodotti di un singolo catalogo. Gli utenti del sito non possono confrontare prodotti di differenti cataloghi.
• Dovresti assicurarti che la proprietà Lato client modulo di rendering sia deselezionata per tutti i moduli di confronto dei prodotti.
• Verifica che la memorizzazione nella cache a livello di pagina sia disabilitata per tutte le pagine in cui viene utilizzato il modulo di confronto dei prodotti. Queste pagine includono pagine PDP, PLP e di confronto dei prodotti. Per ulteriori informazioni, vedi Configurare la memorizzazione della pagina nella cache.

Nella figura seguente viene illustrato un esempio di pagina di confronto dei prodotti.

Aggiungere il modulo di confronto dei prodotti a una nuova pagina di confronto dei prodotti

Puoi creare una pagina di confronto dei prodotti dedicata aggiungendo un modulo di confronto dei prodotti al corpo di una pagina. Oltre a consentire ai clienti di confrontare i dettagli di diversi prodotti, puoi configurare il modulo di confronto dei prodotti per offrire ai clienti la possibilità di completare rapidamente l'acquisto dopo aver confrontato i prodotti. Il modulo di confronto dei prodotti contiene anche uno slot Confronto vuoto, in cui puoi aggiungere un modulo di blocco dei contenuti che descriva lo stato vuoto (ad esempio "Il confronto dei prodotto è vuoto").

Per aggiungere un modulo di confronto dei prodotti a una nuova pagina di confronto dei prodotti, procedi come segue.

1. Accedere a Pagine e quindi selezionare Nuovo per creare una nuova pagina.
2. Nella finestra di dialogo Crea una nuova pagina, sotto Nome pagina immetti un nome di pagina appropriato (ad esempio Confronto prodotti), quindi seleziona Avanti.
3. Sotto Scegli un modello, seleziona il modello appropriato (ad esempio, il modello utilizzato dalla pagina di categoria predefinita), quindi seleziona Avanti.
4. Sotto Scegli un layout, seleziona un layout di pagina (ad esempio, Layout flessibile), quindi seleziona Avanti.
5. In Verifica e termina, rivedere la configurazione della pagina. Se è necessario modificare le informazioni sulla pagina, selezionare Indietro. Se le informazioni sulla pagina sono corrette, selezionare Crea pagina.
6. Nello slot Principale seleziona i puntini di sospensione (...), quindi seleziona Aggiungi modulo.
7. Nella finestra di dialogo Seleziona moduli selezionare il modulo Contenitore e quindi OK.
8. Nello slot Contenitore seleziona i puntini di sospensione (...) quindi seleziona Aggiungi modulo.
9. Nella finestra di dialogo Seleziona moduli, seleziona il modulo Confronto prodotti e quindi OK.
10. Nello slot Pulsante di visualizzazione rapida seleziona i puntini di sospensione (...), quindi seleziona Aggiungi modulo.
11. Nella finestra di dialogo Seleziona moduli seleziona il modulo Visualizzazione rapida prodotti e quindi OK.
12. Nel riquadro proprietà a destra, configura le proprietà del modulo Visualizzazione rapida prodotti.
13. Nello slot Confronto vuoto, seleziona i puntini di sospensione (...), quindi seleziona Aggiungi modulo.
14. Nella finestra di dialogo Seleziona moduli seleziona il modulo Blocco contenuto e quindi OK.
15. Nel riquadro proprietà a destra, configura le proprietà del modulo Blocco contenuto.
16. Selezionare Salva, quindi selezionare Anteprima per visualizzare l'anteprima della pagina.
17. Selezionare Fine modifica per archiviare la pagina, quindi selezionare Pubblica per pubblicarla.

La figura seguente mostra un esempio di pagina di confronto vuota nel generatore di siti.

Aggiungere un pulsante di confronto dei prodotti ai riquadri dei prodotti nelle pagine dei risultati di ricerca e di categoria

Il pulsante di confronto dei prodotti consente agli utenti di aggiungere rapidamente un prodotto alla barra di confronto quando esaminano i prodotti in una pagina elenco. Possono aggiungere uno o più prodotti alla barra di confronto da una pagina elenco senza dover accedere a una pagina PDP.

Il pulsante di confronto dei prodotti è supportato dai moduli della raccolta di prodotti, dei risultati della ricerca e della casella di acquisti PDP.

Per aggiungere un pulsante di confronto dei prodotti ai riquadri dei prodotti nelle pagine dei risultati di ricerca e di categoria, procedi come segue.

1. Nel generatore di siti, vai a Pagine e apri la pagina di categoria a cui vuoi aggiungere un pulsante di confronto dei prodotti.
2. Nello slot Principale seleziona i puntini di sospensione (...), quindi seleziona Aggiungi modulo.
3. Nella finestra di dialogo Seleziona moduli seleziona il modulo Risultati di ricerca e quindi OK.
4. Nello slot Pulsante di confronto dei prodottidel modulo Risultati di ricerca, seleziona i puntini di sospensione (...) e quindi Aggiungi modulo.
5. Nella finestra di dialogo Seleziona moduli, seleziona il modulo Pulsante di confronto dei prodotti e quindi OK.
6. Nel riquadro proprietà a destra, configura le proprietà del modulo Pulsante di confronto dei prodotti.
7. Selezionare Salva, quindi selezionare Anteprima per visualizzare l'anteprima della pagina.
8. Selezionare Fine modifica per archiviare la pagina, quindi selezionare Pubblica per pubblicarla.

Aggiungi un modulo del riquadro di anteprima del confronto dei prodotti alle pagine del tuo sito Web

Un modulo del riquadro di anteprima del confronto dei prodotti offre ai tuoi clienti la possibilità di rivedere i prodotti che aggiungono o rimuovono dal confronto. Il riquadro di anteprima fornisce anche le opzioni per accedere direttamente alla pagina di confronto o cancellare l'intero elenco di prodotti.

Ti consigliamo di abilitare il riquadro di anteprima su tutte le pagine che hanno il pulsante di confronto prodotti abilitato. Il modulo può essere aggiunto al Pulsante di confronto dei prodotti come slot o può essere utilizzato come modulo indipendente che puoi configurare su qualsiasi pagina, anche quando non c'è funzionalità per aggiungere o rimuovere prodotti da confrontare.

Devi aggiungere manualmente il modulo del riquadro di anteprima di confronto dei prodotti a una pagina. Dovresti aggiungere solo un modulo del riquadro di anteprima su una pagina. Se aggiungi più istanze del modulo a una pagina, verrà eseguito il rendering del primo modulo e il resto verrà ignorato.

Se specifichi un limite per il confronto dei prodotti, hai un'opzione per abilitare i segnaposto grigi nel riquadro di anteprima che indicano quanti altri prodotti possono essere aggiunti al confronto. I segnaposto grigi vengono sostituiti con prodotti man mano che vengono aggiunti al confronto. Per configurare un limite di confronto dei prodotti e abilitare i segnaposto grigi, in Creazione di siti Web, vai a Impostazioni sito > Estensioni e apporta le modifiche nella sezione Confronto dei prodotti. La configurazione verrà applicata a tutti i riquadri di anteprima per tutte le pagine.

Impostare il numero massimo di prodotti da mostrare nella barra di confronto

Puoi impostare il numero massimo di prodotti da mostrare nella barra di confronto selezionando Impostazioni sito > Estensioni nel generatore di siti. Puoi configurare limiti massimi distinti per le visualizzazioni in dispositivi desktop e dispostivi mobili/tablet. Per impostazione predefinita, non verrà applicato alcun limite se non viene definito alcun limite massimo.

Nota

Per un'esperienza di navigazione ottimale, ti consigliamo di impostare il numero massimo di prodotti nella barra di confronto su 2 per il viewport di dispositivi mobili e su 4 per il viewport di dispositivi desktop per ridurre la quantità di scorrimento orizzontale necessaria.

Per impostare il numero massimo di prodotti nella barra di confronto, procedi come segue.

1. Nel generatore di siti, vai a Impostazioni sito > Estensioni.
2. Per la proprietà Prodotti nel limite di confronto - dispositivi desktop, immetti il numero massimo di prodotti che devono essere mostrati nella barra di confronto per le viewport di dispositivi desktop.
3. Per la proprietà Prodotti nel limite di confronto - dispositivi mobili e tablet, immetti il numero massimo di prodotti che devono essere mostrati nella barra di confronto per le viewport di dispositivi mobili e tablet.
4. Nella barra dei comandi, seleziona Salva e pubblica.