L’integrazione del widget per le recensioni dei prodotti funziona come l’integrazione di qualsiasi altro widget. C’è solo una grande differenza: devi fornire gli identificativi di prodotto.
Se vuoi vedere che aspetto avranno i widget sul tuo sito web, leggi il seguente articolo: Che aspetto hanno i widget sul mio sito web?
Che cosa sono gli identificativi di prodotto?
Gli identificativi di prodotto sono una serie di caratteri numerici e alfanumerici che identificano uno specifico prodotto.
I widget per le recensioni dei prodotti di eTrusted supportano quelli più comuni:
-
SKU (Stock Keeping Unit): gli SKU sono ID univoci che vengono assegnati dal commerciante.
-
GTIN (Global Trading Item Number): i GTIN identificano i prodotti in modo univoco e a livello globale in base a degli standard internazionali. Gli esempi includono l’ISBN oppure l’EAN.
- MPN (Manufacturer Part Number): gli MPN identificano i prodotti in modo univoco e a livello globale. Vengono assegnati dal produttore.
Posso utilizzare più di un identificativo di prodotto?
Sì, è possibile. Anzi, è necessario se hai più varianti di uno stesso prodotto.
Ad esempio, supponiamo che tu venda T-shirt di taglie differenti. Fornisci un identificativo di prodotto per ciascuna taglia (es. S, M, L). Puoi farlo aggiungendo gli identificativi di prodotto uno dopo l’altro, dividendoli con una virgola.
Assicurati di fornirne almeno uno. In caso contrario, non sarà possibile visualizzare il widget.
Come faccio ad aggiungere un widget per le recensioni dei prodotti al mio sito web?
- Apri il plugin Trusted Shops.
- Verifica se il tuo plugin ha la scheda "Widgets".
La scheda "Widgets" non è presente nel plugin? Allora segui queste istruzioni.
Passo 1: Generazione del codice widget
Puoi trovare tutti i widget per le recensioni prodotto disponibili nella sezione "Widget" di eTrusted.
- Esegui l'accesso al Centro di Controllo eTrusted.
- Clicca sulla stella ("Recensioni") (
) nella navigazione principale. Quindi clicca su "Marketing" (
).
- Apri la scheda "Widget" (
).
- Seleziona un widget per le recensioni prodotto. Quindi clicca sul pulsante "Crea" corrispondente al widget. Si aprirà la modalità di configurazione del widget.
- Seleziona lo schema di colori per il widget:
- Seleziona "Chiaro" se il widget deve essere sempre rappresentato nello schema di colori standard.
- Seleziona "Scuro" se il widget deve essere sempre visualizzato nella modalità scura.
- Seleziona "Impostazione del sistema" se desideri che siano le impostazioni del cliente a determinare la modalità di visualizzazione del widget. - Desideri utilizzare un colore diverso per le tue stelle di valutazione e le barre nella lista completa delle recensioni? Clicca sul campo "Colore di contrasto".
Si apre un menu a discesa. Seleziona uno dei colori proposti () o inserisci il valore esadecimale del colore desiderato nel campo di immissione (
). Quindi, clicca su "Applica" (
).
- Vuoi utilizzare il font del tuo sito web nel widget? Allora fai un segno di spunta su "Applica il carattere del tuo sito web".
- Al momento stai configurando il widget "Lista completa delle recensioni"? Se lo desideri puoi attivare i rich snippet.
- Imposta il widget per i prodotti che non hanno ancora ricevuto una recensione:
- Selezionando "Nascondi widget quando non ci sono recensioni" il widget non apparirà.
- Non selezionando "Nascondi widget quando non ci sono recensioni" il widget mostrerà delle stelle grigie. - Spuntare "Mostra immagini" se le foto dei prodotti caricate dal cliente devono essere mostrate nel widget.
- Clicca su "Crea il codice widget". Si aprirà la panoramica "Come integrare il widget sul tuo sito web".
- Utilizza il menu a discesa per selezionare l'etichetta del prodotto che stai utilizzando.
In questo modo, hai creato correttamente il codice widget. A questo punto è necessario integrare il codice widget nella pagina web.
Passo 2: Integrazione del codice widget nel tuo sito web
Per visualizzare i widget per le recensioni prodotto del tuo sito web, è necessario integrare i codici HTML e JavaScript nell'Head e nel Body dell'HTML del tuo sito web. Gli snippet di codice necessari sono riportati nella panoramica "Come integrare il widget sul tuo sito web", disponibile dopo la creazione del codice widget.
Vuoi integrare autonomamente il codice widget nell'HTML della tua pagina web? Allora segui questi passaggi:
- Clicca sull'icona del documento nella parte superiore del campo codice per copiare lo snippet di codice nella cache.
- Apri la sezione Head all'interno dell'HTML della pagina web. Inserisci lo snippet di codice copiato nella sezione Head.
- Torna alla panoramica "Come integrare il widget sul tuo sito web". Clicca sull'icona del documento nel campo codice centrale per copiare lo snippet di codice nella cache.
- Apri la sezione Body nell'HTML del tuo sito web. Inserisci lo snippet di codice copiato nel punto della sezione Body in desideri posizionare il widget.
-
Sostituisci il valore YOUR DATA SKU o YOUR DATA GTIN o YOUR DATA MPN con l'etichetta del prodotto di cui desideri mostrare le recensioni nel widget.
Qui di seguito puoi vedere che aspetto dovrebbe avere il codice del widget relativo alla Lista completa delle recensioni.
L’esempio mostra un prodotto con tre diverse varianti. Puoi semplicemente aggiungerle (0055573.001, 0055573.002, 0055573.005) separandole con una virgola. Gli SKU sono gli identificativi di prodotto:
<!-- Begin eTrusted widget tag -->
<etrusted-widget data-etrusted-widget-id="wdg-f6e1e50c-b07c-4a92-85fb-14b6feab9ea6" data-sku="0055573.001,0055573.002,0055573.005"></etrusted-widget>
<!-- End eTrusted widget tag -->
I passaggi 6 e 7 che seguono sono opzionali per il widget "Lista completa delle recensioni". Se desideri collegare un altro widget, vai direttamente al punto 8.
- Torna alla panoramica "Come integrare il widget sul tuo sito web". Il widget "Lista completa delle recensioni" consente di integrare l'anteprima di una stella in un qualsiasi punto della pagina del prodotto collegato al widget principale. Vuoi sfruttare questa opportunità? Clicca sull'icona del documento nella parte inferiore del campo codice per copiare lo snippet di codice nella cache.
- Apri la sezione Body nell'HTML del tuo sito web. Inserisci lo snippet di codice copiato nel punto della sezione del Body in cui vuoi posizionare l'anteprima della stella.
- Torna alla panoramica "Come integrare il widget sul tuo sito web". Clicca su "Completa creazione widget".
In questo modo, hai integrato correttamente il widget nel tuo sito web.
Le tue stelle sono già visibili su Google & Co.? Per maggiori informazioni:
- Che cos’è l’integrazione Google?
- Perché è importante ottimizzare il punteggio complessivo anche sulle altre piattaforme di valutazione?