Assistenza

Integrazione corretta delle recensioni di prodotto

L’integrazione della recensione di prodotto Trusted Shops funziona in modo semplice attraverso il Trustbadge®. L'aspetto migliore? Il Trustbadge® garantisce automaticamente che i clienti abbiano effettivamente acquistato i prodotti presso il tuo negozio.

Le recensioni dei prodotti possono essere integrate in due fasi:

  1. Come inizio per la raccolta di recensioni di prodotto è necessario aver integrato correttamente il Trustbadge®. Se ancora non hai integrato il Trustbadge®puoi seguire qui le istruzioni.
  2. Per le recensioni di prodotto è necessario inoltre trasmettere, alla fase 3 dell’integrazione del Trustbadge® i dati del prodotto (ID prodotto, nome prodotto e URL prodotto* obbligatorio) dal carrello acquisti.
<div id="trustedShopsCheckout" style="display: none;">
<span id="tsCheckoutOrderNr">2016-05-21-001</span>
<span id="tsCheckoutBuyerEmail">my.customer@mail.com</span>
<span id="tsCheckoutOrderAmount">4005.95</span>
<span id="tsCheckoutOrderCurrency">EUR</span>
<span id="tsCheckoutOrderPaymentType">PREPAYMENT</span>
<span id="tsCheckoutOrderEstDeliveryDate">2016-05-24</span>
<!-- product reviews start -->
<!-- for each product in the basket full set of data is required -->
<span class="tsCheckoutProductItem">
<span class="tsCheckoutProductUrl">http://www.shop.url/product_page.html</span>
<span class="tsCheckoutProductImageUrl">http://www.shop.url/image.png</span>
<span class="tsCheckoutProductName">Product Name</span>
<span class="tsCheckoutProductSKU">0123456789</span>
<span class="tsCheckoutProductGTIN">0123456789</span>
<span class="tsCheckoutProductMPN">0123456789</span>
<span class="tsCheckoutProductBrand">ABCDEFGHIJ</span>
</span>
<!-- product reviews end -->
</div>


Necessarie solo in parte sono tsCheckoutProductUrl, tsCheckoutProductName e tsCheckoutProductSKU.

E il gioco è fatto!

Ora sei pronto a raccogliere le recensioni dei tuoi prodotti in modo totalmente automatico!

Innanzitutto il Suo cliente lascia la sua recensione sul negozio con commento e stelle, utilizzando il modulo di recensione. Verrà poi inoltrato alla pagina di conferma, dove potrà valutare anche i prodotti acquistati.

Spiegazione:

Campi obbligatori

  • tsCheckoutProductUrl: L’URL dell’articolo
  • tsCheckoutProductName: Il nome del prodotto dalla pagina di dettaglio del prodotto
  • tsCheckoutProductSKU: Il codice identificativo del prodotto interno al negozio o il codice articolo (SKU)

Campi facoltativi

  • tsCheckoutProductImageUrl: È possibile inviarci immagini del prodotto o il loro URL
  • tsCheckoutProductGTIN: Codice identificativo con il quale è possibile identificare univocamente in tutto il mondo i prodotti e le unità di vendita, sviluppato da GS1
  • tsCheckoutProductMPN: Codice di riferimento utilizzato per assegnare univocamente il prodotto ad un determinato produttore
  • tsCheckoutProductBrand: Nome del marchio del prodotto

Visualizzazione delle recensioni del prodotto nel negozio

Vuoi visualizzare le recensioni del prodotto raccolte nel tuo negozio e quindi aumentare le vendite? Allora integra semplicemente il nostro sticker del prodotto.
Produktbewertungen im Shop

Lo sticker del prodotto può essere totalmente configurabile. Seleziona il colore ed il formato e pubblica le recensioni di prodotto direttamente sulle pagine di dettaglio del prodotto. L'integrazione avviene mediante l'inserimento del seguente codice JavaScript.



<script type="text/javascript">
  _tsProductReviewsConfig = {
tsid: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
	sku: ['ART-123'],
	variant: 'productreviews',
        /* optional */
	borderColor: '#0DBEDC',
	backgroundColor: '#ffffff',
	locale: 'en_GB',
	starColor: '#FFDC0F',
	commentBorderColor: '#dad9d5',
	commentHideArrow: 'false',
	richSnippets: 'on',
	starSize: '15px',
	ratingSummary: 'false',
	maxHeight: '1200px',
	hideEmptySticker: 'false',
	filter: 'true',
	introtext: 'What our customers say about us:'
  };
  var scripts = document.getElementsByTagName('SCRIPT'),
  me = scripts[scripts.length - 1];
  var _ts = document.createElement('SCRIPT');
  _ts.type = 'text/javascript';
  _ts.async = true;
  _ts.charset = 'utf-8';
  _ts.src ='//widgets.trustedshops.com/reviews/tsSticker/tsProductSticker.js';
  me.parentNode.insertBefore(_ts, me);
  _tsProductReviewsConfig.script = _ts;
</script>

I parametri "TS-ID", "variant", "locale" e “sku" devono essere completati, gli altri sono facoltativi.

Testo esplicativo:

Campi obbligatori

  • tsID: Il tuo ID Trusted Shops
  • variant "productreviews": Per lo sticker del prodotto
  • sku: Il codice identificativo del prodotto o il codice articolo del produttore (SKU)
  • locale: Il parametro "locale" controlla la lingua dello sticker del prodotto.
È inoltre possibile mostrare cumulativamente le recensioni di un prodotto che sia disponibile in diverse varianti come, ad es., colore o dimensioni. Così puoi raccogliere in un'unica sede le recensioni di articoli prodotti in versioni diverse. 

Basta immettere nel codice i vari SKU relativi al rispettivo articolo come segue: ['product1sku','product2sku']

Campi facoltativi

  • borderColor: Seleziona il colore del bordo adatto al tuo negozio
  • starColor: Colore delle stelle di valutazione
  • starSize: Dimensioni delle stelle di valutazione (in pixel)
  • ratingSummary: decida se vuoi mostrare la valutazione in alto a sinistra nello sticker
  • maxHeight:  con questo parametro si puo regolare la dimensione del product sticker
  • introtext: Scrivi un testo introduttivo per attirare l’attenzione del potenziale cliente sulle recensioni di prodotto.
  • backgroundColor: selezionare il colore di fondo dello sticker, ad es., bianco per una soluzione generica.
  • hideEmptySticker: Per utilizzare lo sticker sul proprio sito solo quando sono già presenti recensioni di prodotto, modificare il parametro "hideEmptySticker".
  • richSnippets: Attivando questo parametro, i dati strutturati per mostrare le stelle su Google sono disponibili direttamente nello Sticker.
  • commentBorderColor: Questo parametro serve a definire il colore del bordo di ogni recensione.
  • commentHideArrow: Questo parametro consente di attivare/disattivare il piccolo triangolo al margine inferiore di ogni recensione.
E il gioco è fatto! Ti auguriamo buon lavoro con le recensioni di prodotto Trusted Shops!

Visualizzare le stelle di valutazione separatamente

Le stelle di valutazione sono visualizzate non solo sul Product Sticker, ma per ogni articolo è possibile visualizzare le stelle della valutazione totale separatamente dai commenti dei clienti, sulla pagina dei dettagli del prodotto. Con un design individuale e collocate in una posizione di risalto, le stelle di valutazione forniscono a prima vista ai tuoi clienti un'impressione sul punteggio del prodotto.

Per pubblicare le stelle di valutazione a tuo piacimento completa il seguente codice JavaScript.

<div id="test"></div>
<script type="text/javascript" src="//widgets.trustedshops.com/reviews/tsSticker/tsProductStickerSummary.js"></script>
<script> 
var summaryBadge = new productStickerSummary();
summaryBadge.showSummary(
{
'tsId': 'TSID',
'sku': ['9990004'],
'element': '#test',
'starColor' : '#FFDC0F',
'starSize' : '14px',
'fontSize' : '12px',
'showRating' : 'true',
'scrollToReviews': 'false',
'enablePlaceholder' : 'false',
}
);
</script> 

Testo esplicativo: 

Campi obbligatori

  • tsId: Il tuo ID Trusted Shops
  • sku: Il codice identificativo del prodotto o il codice articolo del produttore (SKU)
  • element: Collocamento delle stelle di valutazione

Campi facoltativi

  • starColor: Colore delle stelle di valutazione
  • starSize: Dimensioni delle stelle di valutazione (in pixel)
  • frontSize:  Dimensione dei caratteri per il numero e il punteggio delle recensioni (in pixel)
  • showRating: Visualizzare (true) o nascondere (false) la recensione 
  • scrollToReviews: Quando si Clicca sulle stelle, il sito scorre al Product Sticker (attivare con "true")
  • enablePlaceholder: Attivando questo parametro, le stelle di valutazione saranno visualizzate in grigio in assenza di recensioni.