1. eTrusted
  2. Integrazione
  3. Integrazione manuale

Come faccio a integrare il Trustbadge® nel mio sito web senza un plugin?

Esistono dei plugin per molti software e-Commerce, con i quali integrare nel tuo sito web i prodotti di Trusted Shops che hai prenotato. In questo modo, l'integrazione diventa semplice e veloce.
Puoi verificare se è disponibile un plugin per il tuo software e-Commerce in questa panoramica: Integra Trusted Shops nel tuo negozio

  • Il tuo plugin è disponibile? Segui le istruzioni per l'integrazione presenti nella pagina qui sopra.
  • Il tuo plugin manca? Allora segui i passi descritti qui di seguito.

Puoi integrare il Trustbadge® già dal primo giorno di adesione a Trusted Shops. Sono necessari solo cinque passi:

  1. Trova il tuo ID Trusted Shops
  2. Configura il codice del Trustbadge
  3. Integra il codice del Trustbadge nel tuo sito web
  4. Definisci il trasferimento dei dati per la Trustcard
  5. Verifica l'integrazione del Trustbadge

Passo 1: trova il tuo ID Trusted Shops

Per l'integrazione del Trustbadge è necessario il tuo ID Trusted Shops personale. Puoi trovare il tuo ID Trusted Shops su My Trusted Shops.

  1. Accedi a My Trusted Shops. Si apre la dashboard.
  2. Puoi trovare il tuo ID Trusted Shops ("TS-ID") nella colonna di destra della dashboard.

01_IT.png

Passo 2: configura il codice del Trustbadge

La base per l'integrazione del Trustbadge è il seguente codice di integrazione:

<script async 
data-desktop-y-offset="0" 
data-mobile-y-offset="0" 
data-desktop-disable-reviews="false" 
data-desktop-enable-custom="false" 
data-desktop-position="right" 
data-desktop-custom-width="156" 
data-desktop-enable-fadeout="false" 
data-disable-mobile="false" 
data-disable-trustbadge="false" 
data-mobile-custom-width="156" 
data-mobile-disable-reviews="false" 
data-mobile-enable-custom="false" 
data-mobile-position="left" 
data-mobile-enable-topbar="false" 
data-mobile-enable-fadeout="true"
data-color-scheme="light" 
charset="UTF-8" 
src="//widgets.trustedshops.com/js/YOUR_TSID.js"> 
</script>
  1. All'interno del codice di integrazione si trova la seguente riga di codice:  
    src="//widgets.trustedshops.com/js/YOUR_TSID.js">
  2. Sostituisci l'area evidenziata in grassetto YOUR_TSID con il tuo ID Trusted Shops.

In questo modo hai creato il tuo codice Trustbadge. Se non effettui ulteriori modifiche, il Trustbadge...

...mostrerà le recensioni che hai raccolto e, dopo aver superato la certificazione, il Sigillo di Qualità.

...sarà visibile sul lato destro nella visualizzazione desktop e su quello sinistro nella visualizzazione mobile.

...sarà mostrato 54 pixel sopra il bordo inferiore dello schermo nella visualizzazione desktop e 10 pixel sopra il bordo inferiore in quella mobile.

A questo punto sono disponibili due opzioni:

  • queste impostazioni ti soddisfano? Prosegui direttamente al passo 3.

  • vorresti mostrare il Trustbadge in un formato differente o integrarlo in un altro punto del tuo sito web? Allora continua con la configurazione del codice Trustbadge con l'aiuto di questo articolo: Come posso adattare il Trustbadge® alle mie esigenze? Ritorna quindi a questo articolo e prosegui con il passo 3.

Passo 3: integra il codice Trustbadge nel tuo sito web

Hai configurato il codice Trustbadge in base alle tue esigenze? Allora è giunto il momento di integrarlo nel tuo sito web.

  1. Apri il file Footer all'interno del software e-Commerce. 
Il file Footer si chiamerà probabilmente footer.php o qualcosa del genere.
  1. Copia tutto il codice Trustbadge preparato nella tua memoria cache. 
  2. Inserisci il codice Trustbadge nel file Footer immediatamente prima del tag di chiusura </body>. 

Il Trustbadge sarà visibile su ogni pagina del tuo sito web, inclusa la pagina di conferma d'ordine.

Passo 4: definisci il trasferimento dei dati per la Trustcard

Una funzionalità importante del Trustbadge è la Trustcard. La Trustcard si apre sul tuo sito web dopo la procedura di pagamento alla cassa. Tramite la Trustcard, la tua clientela può dare il proprio consenso a ricevere un invito di recensione e/o a proteggere il proprio ordine tramite la Protezione Acquirenti.

03_IT.png

Affinché la Trustcard si apra al momento giusto, il Trustbadge deve essere in grado di riconoscere la pagina di conferma d'ordine. A tale scopo, è necessario integrare un elemento DIV nel modello della pagina di conferma d'ordine.

Questo elemento DIV viene utilizzato anche per trasferire i dati dal tuo sito web al Trustbadge, un'operazione necessaria per la Protezione Acquirenti e l'invio di un invito di recensione.

I passaggi successivi variano a seconda che tu raccolga con Trusted Shops sia le recensioni dei prodotti che del servizio o esclusivamente quelle del servizio. Seleziona uno dei seguenti link:

Definizione della consegna dei dati per le recensioni del servizio

I seguenti passaggi descrivono come definire la consegna dei dati solo per le recensioni del servizio. Desideri raccogliere anche le recensioni dei prodotti? Allora segui i passaggi che trovi qui: Definizione della trasmissione di dati per le recensioni di prodotti e servizi

La base dell'elemento DIV è il seguente codice:

<div id="trustedShopsCheckout" style="display: none;">
<span id="tsCheckoutOrderNr">2020-05-21-001</span>
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span>
<span id="tsCheckoutOrderAmount">1.01</span>
<span id="tsCheckoutOrderCurrency">EUR</span>
<span id="tsCheckoutOrderPaymentType">VORKASSE</span>
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span>
</div>

I dati dell'ordine devono essere compilati e trasmessi dinamicamente tramite l'elemento DIV. Quindi, non copiare l'esempio di codice riportato sopra nella pagina di conferma d'ordine.

  1. Sostituisci i valori esemplificativi e in grassetto dei parametri. A tal fine, utilizza le variabili corrispondenti nel linguaggio di programmazione utilizzato dal tuo sistema e-Commerce. La tabella illustrata ti mostra i singoli parametri: 
Parametro Funzione Commenti
<span id="tsCheckoutOrderNr">2020-05-21-001</span> Trasferimento del numero d'ordine  
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span> Trasferimento dell'indirizzo e-mail della clientela  
<span id="tsCheckoutOrderAmount">1.01</span> Trasferimento del valore dell'ordine Come puoi vedere dall'esempio 1.01, il separatore decimale è un punto. Inoltre, vengono trasmesse due cifre decimali.

<span id="tsCheckoutOrderCurrency">EUR</span>		 Trasferimento delle sigle delle valute dell'ordine Per le sigle delle valute è supportato lo standard ISO 4217. Se offri soltanto una valuta, puoi inserire questo valore con codifica fissa.
<span id="tsCheckoutOrderPaymentType">VORKASSE</span> Trasferimento della modalità di pagamento utilizzata  
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span> Trasferimento della data di consegna prevista Necessario se desideri inviare richieste di recensione in base alla data di consegna prevista. La data trasferita non può essere successiva a un anno. È supportato il formato data AAAA-MM-GG.
Nel linguaggio di programmazione PHP, ad esempio, la trasmissione dell'indirizzo e-mail potrebbe apparire in questo modo:
<span id="tsCheckoutBuyerEmail"><?php echo $customer_email; ?><span>

$customer_email corrisponde all'indirizzo e-mail della cliente o del cliente nel tuo sistema di negozio. Per la definizione esatta delle variabili da utilizzare, consulta la documentazione del tuo sistema di negozio, dato che queste variano da sistema a sistema. Per questo motivo non possiamo fornire indicazioni valide in generale.
  1. Apri il file template della pagina di conferma d'ordine. 
Il file template sarà probabilmente finish.tpl, thankyou.php, success.phtml o simile.
  1. Copia tutto il codice dell'elemento DIV preparato nella tua memoria cache.
  2. Inserisci il codice nel file template della pagina di conferma d'ordine.

In questo modo, dopo il check-out si apre la Trustcard sulla pagina di conferma d'ordine. In questo modo, il Trustbadge viene integrato nel tuo sito web con tutte le sue funzionalità.

Non vuoi che la Trustcard si apra come pop-up? Assegnagli una posizione fissa sulla pagina di conferma d'ordine. Scopri di più qui: Come posso posizionare la Trustcard altrove?

Definizione della trasmissione di dati per le recensioni di prodotti e servizi

I seguenti passaggi descrivono come definire la consegna dei dati per le recensioni di prodotti e servizi. Desideri raccogliere solo recensioni del servizio? Allora segui i passaggi che trovi qui: Definizione della consegna dei dati per le recensioni del servizio

La base dell'elemento DIV è il seguente codice:

<div id="trustedShopsCheckout" style="display: none;">
<span id="tsCheckoutOrderNr">2020-05-21-001</span>
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span>
<span id="tsCheckoutOrderAmount">1.01</span>
<span id="tsCheckoutOrderCurrency">EUR</span>
<span id="tsCheckoutOrderPaymentType">VORKASSE</span>
<span id="tsCheckoutOrderEstDeliveryDate">2020-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">My Great Brand</span>
 </span>
 <!-- product reviews end -->
</div>

I dati dell'ordine devono essere compilati e trasmessi dinamicamente tramite l'elemento DIV. Quindi, non copiare l'esempio di codice riportato sopra nella pagina di conferma d'ordine.

  1. Sostituisci i valori esemplificativi e in grassetto dei parametri. A tal fine, utilizza le variabili corrispondenti nel linguaggio di programmazione utilizzato dal tuo sistema e-Commerce. La tabella illustrata ti mostra i singoli parametri: 
Parametro Funzione Commenti
<span id="tsCheckoutOrderNr">2020-05-21-001</span> Trasferimento del numero d'ordine  
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span> Trasferimento dell'indirizzo e-mail della clientela  
<span id="tsCheckoutOrderAmount">1.01</span> Trasferimento del valore dell'ordine Come puoi vedere dall'esempio 1.01, il separatore decimale è un punto. Inoltre, vengono trasmesse due cifre decimali.

<span id="tsCheckoutOrderCurrency">EUR</span>		 Trasferimento delle sigle delle valute dell'ordine Per le sigle delle valute è supportato lo standard ISO 4217. Se offri soltanto una valuta, puoi inserire questo valore con codifica fissa.
<span id="tsCheckoutOrderPaymentType">VORKASSE</span> Trasferimento della modalità di pagamento utilizzata  
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span> Trasferimento della data di consegna prevista Necessario se desideri inviare richieste di recensione in base alla data di consegna prevista. La data trasferita non può essere successiva a un anno. È supportato il formato data AAAA-MM-GG.
<span class="tsCheckoutProductUrl">http://www.shop.url/product_page.html</span> Trasferimento dell'URL completo della pagina della descrizione prodotto  
<span class="tsCheckoutProductName">Product Name</span> Trasferimento del nome prodotto  
<span class="tsCheckoutProductSKU">0123456789</span> Trasferimento del codice Stock Keeping Unit (SKU), ovvero il codice articolo assegnato  
<span class="tsCheckoutProductImageUrl">http://www.shop.url/image.png</span> Trasferimento dell'URL di un'immagine prodotto Facoltativo, ma caldamente consigliato. L'immagine del prodotto è riportata nel questionario di recensione e consente alla tua clientela di ricordare più facilmente il prodotto. Ciò aumenta il tasso di conversione delle tue richieste di recensione.
<span class="tsCheckoutProductGTIN">0123456789</span> Trasferimento del Global Trade Item Number (GTIN) Facoltativo, ma necessario se usi l'integrazione Google Poiché il GTIN identifica un prodotto in modo univoco a livello mondiale, la trasmissione del GTIN consente a Google di assegnare le recensioni raccolte al prodotto giusto.
<span class="tsCheckoutProductMPN">0123456789</span> Trasferimento del Manufacturer Part Number (MPN) Facoltativo. Il parametro viene utilizzato anche per identificare in modo univoco il prodotto.
<span class="tsCheckoutProductBrand">My Great Brand</span> Trasferimento del marchio del prodotto Facoltativo. Proprio come i codici GTIN e MPN, il marchio del prodotto consente di identificare chiaramente il prodotto e di trasferire correttamente le recensioni raccolte a Google.
Nel linguaggio di programmazione PHP, ad esempio, la trasmissione dell'indirizzo e-mail potrebbe apparire in questo modo:
<span id="tsCheckoutBuyerEmail"><?php echo $customer_email; ?><span>

$customer_email corrisponde all'indirizzo e-mail della cliente o del cliente nel tuo sistema di negozio. Per la definizione esatta delle variabili da utilizzare, consulta la documentazione del tuo sistema di negozio, dato che queste variano da sistema a sistema. Per questo motivo non possiamo fornire indicazioni valide in generale.
  1. Apri il file template della pagina di conferma d'ordine. 
Il file template sarà probabilmente finish.tpl, thankyou.php, success.phtml o simile.
  1. Copia tutto il codice dell'elemento DIV preparato nella tua memoria cache.
  2. Inserisci il codice nel file template della pagina di conferma d'ordine.

In questo modo, dopo il check-out si apre la Trustcard sulla pagina di conferma d'ordine. In questo modo, il Trustbadge viene integrato nel tuo sito web con tutte le sue funzionalità.

Non vuoi che la Trustcard si apra come pop-up? Assegnagli una posizione fissa sulla pagina di conferma d'ordine. Scopri di più qui: Come posso posizionare la Trustcard altrove?

Passo 5: verifica l'integrazione del Trustbadge

Testa subita il tuo Trustbadge realizzando un ordine di prova sul tuo sito web. Se il Trustbadge è stato integrato correttamente, al termine del processo di check-out compare la Trustcard.

03_IT.png

Questo articolo ti aiuterà a verificare la corretta integrazione del tuo Trustbadge: Come faccio a verificare l'integrazione del mio Trustbadge®?

In caso di domande o problemi di integrazione, non esitare a contattare il nostro team di Customer Success all'indirizzo members@trustedshops.com.
Hai implementato una Politica di sicurezza dei contenuti per il tuo sito web? Allora verifica se devi adattarla dopo l'integrazione del Trustbadge. Questo articolo può esserti d'aiuto: Come posso modificare la mia Politica di sicurezza dei contenuti dopo l'integrazione del Trustbadge®?

Utenti che ritengono sia utile: 0 su 0

Articoli correlati