Come faccio a integrare i widget per le recensioni dei prodotti sul mio sito web?

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?

Prima di iniziare: hai integrato i tuoi prodotti Trusted Shops sul tuo sito web tramite un plugin? Molti dei nostri plugin consentono anche di integrare i widget con pochi clic e senza che tu debba avere conoscenze tecniche specifiche. Per prima cosa, verifica se il tuo plugin supporta l'integrazione dei widget:
 
  1. Apri il plugin Trusted Shops.
  2. Verifica se il tuo plugin ha la scheda "Widgets".
La scheda "Widgets" è presente nel plugin? Allora segui queste istruzioni: Mostra le recensioni sui prodotti e sul servizio nel tuo negozio
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.

  1. Esegui l'accesso al Centro di Controllo eTrusted.
  2. Clicca sulla stella ("Recensioni") (01_16x16.png) nella navigazione principale. Quindi clicca su "Marketing" (02_16x16.png).
  3. Apri la scheda "Widget" (03_16x16.png).
    01_IT.png
  4. Seleziona un widget per le recensioni prodotto. Quindi clicca sul pulsante "Crea" corrispondente al widget. Si aprirà la modalità di configurazione del widget.
    02_IT.png
  5. 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.
    03_IT.png
  6. 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".
    04_IT.png
    Si apre un menu a discesa. Seleziona uno dei colori proposti (01_16x16.png) o inserisci il valore esadecimale del colore desiderato nel campo di immissione (02_16x16.png). Quindi, clicca su "Applica" (03_16x16.png).
    05_IT.png
  7. Vuoi utilizzare il font del tuo sito web nel widget? Allora fai un segno di spunta su "Applica il carattere del tuo sito web".
    06_IT.png
  8. Al momento stai configurando il widget "Lista completa delle recensioni"? Se lo desideri puoi attivare i rich snippet.
    07_IT.png
I rich snippets sono risultati di ricerca migliorati, che forniscono informazioni aggiuntive sul contenuto di una pagina web. Possono essere utilizzati dai motori di ricerca per evidenziare visivamente il risultato di ricerca. Le informazioni necessarie provengono da dati strutturati memorizzati nel codice sorgente della pagina. Attivando i Rich Snippet, il widget fornisce le informazioni ai motori di ricerca.
  1. 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.
    08_IT.png
  2. Spuntare "Mostra immagini" se le foto dei prodotti caricate dal cliente devono essere mostrate nel widget.
Le immagini dei prodotti possono essere mostrate nei seguenti widget: Carosello di recensioni, Voce del cliente, Lista completa delle recensioni.

09_IT.png

  1. Clicca su "Crea il codice widget". Si aprirà la panoramica "Come integrare il widget sul tuo sito web".
    10_IT.png
  2. Utilizza il menu a discesa per selezionare l'etichetta del prodotto che stai utilizzando.
    04_IT.png

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.

Non sai come inserire il codice widget nell'HTML del tuo sito web? Allora clicca su "Copia tutte le istruzioni". Apri un documento di testo a scelta e incolla il codice widget copiato. Invia il documento di testo agli amministratori della tua pagina web.
05_IT.png

Vuoi integrare autonomamente il codice widget nell'HTML della tua pagina web? Allora segui questi passaggi:

  1. Clicca sull'icona del documento nella parte superiore del campo codice per copiare lo snippet di codice nella cache.
    06_IT.png
  2. Apri la sezione Head all'interno dell'HTML della pagina web. Inserisci lo snippet di codice copiato nella sezione Head.
Il codice JavaScript per l’intestazione è richiesto una sola volta, anche se implementi più di un widget sul tuo sito web.
  1. 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.
    07_IT.png
  2. 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.
  3. 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.

Vuoi mostrare le recensioni di più varianti di prodotto (ad es. taglie diverse dello stesso capo) nello stesso widget? Inserisci più etichette di prodotto nel punto indicato al passaggio 5. Separa le etichette dei singoli prodotti con una virgola.
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.

  1. 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.
    08_IT.png
  2. 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.
  3. Torna alla panoramica "Come integrare il widget sul tuo sito web". Clicca su "Completa creazione widget".
    09_IT.png

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?


Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 4 su 9