Non hai ancora integrato il Trustbadge? Allora esegui l'integrazione standard prima di proseguire. A tale scopo, ti consigliamo questo articolo: Come posso integrare il Trustbadge® nel mio negozio senza plugin?
Nell'articolo a cui rimanda il link in alto troverai anche il codice Trustbadge, che costituisce la base per tutte le modifiche descritte nel testo seguente.
Nell'integrazione standard, per il Trustbadge® sono definite le seguenti regole:
- Il Trustbadge mostra le stelle di valutazione che hai raccolto e, una volta ottenuta la certificazione, il tuo Sigillo di Qualità.
- Il Trustbadge viene mostrato nella versione desktop sul lato destro dello schermo e nella versione mobile su quello sinistro.
- Il Trustbadge viene mostrato 54 pixel sopra il bordo inferiore dello schermo nella visualizzazione desktop e 10 pixel in quella mobile.
Naturalmente puoi adattare queste regole in base alle tue esigenze.
Per i nuovi aderenti sono possibili solo modifiche limitate al Trustbadge:
- È possibile posizionarlo sul bordo destro o sinistro dello schermo.
- È possibile spostarlo verso l'alto o verso il basso.
Desideri apportare ulteriori modifiche? Devi attendere di aver raccolto la tua prima recensione o di aver ricevuto il Sigillo di Qualità. A quel punto, saranno disponibili tutte le opzioni di modifica descritte in questo articolo.
In questo articolo ti spieghiamo come utilizzare il codice Trustbadge® per...
- ... modificare la visualizzazione del Trustbadge.
- ... posizionare il Trustbadge in un altro punto del tuo sito web.
- ... nascondere brevemente il Trustbadge dalla tua pagina web.
Come posso mostrare il Trustbadge in modo diverso?
Nell'integrazione standard, il Trustbadge mette in mostra le stelle di valutazione che hai raccolto e, una volta ottenuta la certificazione, il tuo Sigillo di Qualità.
(Variante desktop) (Versione mobile)
Il codice Trustbadge ti consente di modificare come il Trustbadge viene mostrato in quattro modi:
- Puoi nascondere le stelle di valutazione raccolte e mostrare solo il tuo Sigillo di Qualità.
(Variante desktop) (Versione mobile) - Puoi utilizzare la modalità scura del Trustbadge.
(Variante desktop) (Versione mobile) - Puoi anche utilizzare la versione desktop del Trustbadge nella versione mobile del tuo sito web.
- Nella versione mobile, puoi utilizzare la variante topbar del Trustbadge.
Come nascondo le stelle di valutazione nella variante desktop?
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-desktop-disable-reviews="false"
- Sostituisci la riga del codice con la seguente:
data-desktop-disable-reviews="true"
In questo modo, le stelle di valutazione sono state nascoste correttamente nella variante desktop.
Come nascondo le stelle di valutazione nella variante mobile?
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-mobile-disable-reviews="false"
- Sostituisci la riga del codice con la seguente:
data-mobile-disable-reviews="true"
In questo modo, le stelle di valutazione sono state nascoste nella versione mobile.
Impostare la modalità scura del Trustbadge
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-color-scheme="light"
L'impostazione della combinazione di colori è un parametro opzionale. Se non trovi la riga di codice in questione puoi aggiungerla tu.
- Sostituisci la riga del codice con una delle seguenti:
- Se desideri che il Trustbadge sia sempre visibile in modalità scura:data-color-scheme="dark"
- Se preferisci che siano le impostazioni della modalità del cliente a stabilire se il Trustbadge viene mostrato in modalità scura o chiara:data-color-scheme="os-default"
Utilizza la variante desktop del Trustbadge nella versione mobile
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-disable-mobile="false"
- Sostituisci la riga del codice con la seguente:
data-disable-mobile="true"
In questo modo puoi utilizzare la variante desktop del Trustbadge anche nella versione mobile.
Utilizza la variante topbar del Trustbadge nella versione mobile
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-mobile-enable-topbar="false"
- Sostituisci la riga del codice con la seguente:
data-mobile-enable-topbar="true"
In questo modo potrai utilizzare la variante topbar del Trustbadge nella versione mobile.
La variante topbar del Trustbadge è posizionata sul bordo superiore dello schermo. Non è possibile modificarne la posizione.
Come posso spostare il Trustbadge in un'altra posizione?
Il codice Trustbadge ti offre la possibilità di posizionare il Trustbadge in diversi punti del tuo sito web, sia nella versione desktop sia quella mobile, indipendentemente l'una dall'altra. Sei in grado di...
... spostare il Trustbadge orizzontalmente a sinistra o a destra.
... spostare il Trustbadge verticalmente verso l'alto o il basso.
Queste possibilità non ti bastano? Con la variante custom del Trustbadge hai la possibilità di scegliere in modo completamente flessibile di posizionare il Trustbadge in qualsiasi punto del tuo sito web.
Adatta la posizione del Trustbadge nella visualizzazione desktop
Il Trustbadge può essere spostato orizzontalmente dal lato destro dello schermo a quello sinistro nella versione desktop, oppure verticalmente verso l'alto o il basso.
Posiziona il Trustbadge sul lato sinistro dello schermo nella visualizzazione desktop
Per impostazione predefinita, nella versione desktop il Trustbadge si trova sul lato destro dello schermo. Con la seguente modifica del codice, puoi posizionare il Trustbadge sul bordo sinistro dello schermo.
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-desktop-position="right"
- Sostituisci la riga del codice con la seguente:
data-desktop-position="left"
Il Trustbadge è stato spostato correttamente sul bordo sinistro dello schermo.
Sposta il Trustbadge verso l'alto o verso il basso nella visualizzazione desktop
Per impostazione predefinita, nella visualizzazione desktop il Trustbadge è posizionato 54 pixel sopra il bordo inferiore dello schermo. Con la seguente modifica del codice puoi spostare il Trustbadge verso l'alto o verso il basso.
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-desktop-y-offset="0"
- Sostituisci lo 0 con il numero di pixel con cui il Trustbadge deve essere spostato verso l'alto o verso il basso.
Due esempi:
- Vuoi spostare il Trustbadge di 20 pixel verso l'alto? Usa la seguente riga di codice:
data-desktop-y-offset="20"
- Vuoi spostare il Trustbadge verso il basso? Utilizza i valori negativi. Per spostare il Trustbadge di 20 pixel verso il basso, utilizza la seguente riga del codice:
data-desktop-y-offset="-20"
Con un valore di -54, il Trustbadge è posizionato senza spazio nella parte inferiore dello schermo. Si consiglia pertanto di utilizzare esclusivamente valori fino a -44.
In questo modo hai spostato correttamente il Trustbadge verso l'alto o il basso.
Adatta il posizionamento del Trustbadge nella visualizzazione mobile
Il Trustbadge può essere spostato orizzontalmente dal lato sinistro a quello destro del bordo dello schermo o al centro nella visualizzazione mobile, oppure anche verticalmente verso l'alto o il basso.
Posiziona il Trustbadge sul lato destro dello schermo o al centro nella visualizzazione mobile
Per impostazione predefinita, il Trustbadge è posizionato sul lato sinistro dello schermo. Con la seguente modifica del codice puoi posizionare il Trustbadge sul lato destro o al centro dello schermo.
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-mobile-position="left"
- Sostituisci la riga del codice con una delle seguenti:
- Se desideri posizionare il Trustbadge sul lato destro:data-mobile-position="right"
- Se desideri posizionare il Trustbadge al centro:data-mobile-position="center"
In questo modo il Trustbadge è stato spostato correttamente sul bordo destro o al centro dello schermo.
Sposta il Trustbadge in alto o in basso nella visualizzazione mobile
Per impostazione predefinita, nella versione mobile il Trustbadge è posizionato 10 pixel sopra il bordo inferiore dello schermo. Con la seguente modifica del codice puoi spostare il Trustbadge verso l'alto o verso il basso.
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-mobile-y-offset="0"
- Sostituisci lo 0 con il numero di pixel con cui il Trustbadge deve essere spostato verso l'alto o verso il basso.
Due esempi:
- Vuoi spostare il Trustbadge di 5 pixel verso l'alto? Usa la seguente riga di codice:
data-mobile-y-offset="5"
- Vuoi spostare il Trustbadge verso il basso? Utilizza i valori negativi. Per spostare il Trustbadge di 5 pixel verso il basso, utilizza la seguente riga del codice:
data-mobile-y-offset="-5"
Utilizza esclusivamente valori fino a -10.
In questo modo hai spostato correttamente il Trustbadge verso l'alto o il basso.
Posiziona il Trustbadge sul tuo sito web in modo flessibile
Oltre alla variante standard del Trustbadge descritta finora, puoi anche integrare nel tuo sito web la variante "custom".
La variante custom si differenzia dalla quella standard per tre ragioni:
- Ha un aspetto diverso rispetto alla versione standard. Qui è possibile vedere la variante custom:
(con stelle di valutazione) (senza stelle di valutazione) - Puoi posizionare la variante custom sul tuo sito web in modo completamente flessibile.
- Puoi modificare le dimensioni della variante custom.
Puoi posizionare la variante custom del Trustbadge in diversi punti del tuo sito web, sia nella versione desktop sia in quella mobile, indipendentemente l'una dall'altra.
Posiziona il Trustbadge in modo flessibile nella visualizzazione desktop
La variante custom ha una larghezza standard di 156 pixel e un'altezza di 78 pixel. Di seguito ti spieghiamo come modificare le dimensioni del Trustbadge nella visualizzazione desktop. Accetti i valori predefiniti sopra riportati? Allora salta i due passi successivi e procedi al numero 3.
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-desktop-custom-width="156"
- Sostituisci i 156 con il numero di pixel che desideri impostare come larghezza del Trustbadge.
Il numero di pixel che è possibile selezionare in questo punto cambia se hai deciso o meno di nascondere le stelle di valutazione nella visualizzazione desktop.
- Hai nascosto le stelle di valutazione? Allora seleziona un numero di pixel compreso tra 32 e 58.
- Non hai nascosto le stelle di valutazione? Allora seleziona un numero di pixel compreso tra 100 e 500.
Il numero di pixel per l'altezza del Trustbadge cambia automaticamente in base alla larghezza selezionata. Non puoi cambiare le proporzioni.
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-desktop-enable-custom="false"
- Sostituisci la riga del codice con la seguente:
data-desktop-enable-custom="true"
- Apri il codice sorgente del tuo sito web.
- Inserisci la seguente riga di codice nella posizione del sito web in cui deve essere mostrato il Trustbadge:
<div id="trustbadgeCustomContainer"></div>
Puoi scegliere, ad esempio, l'intestazione o il piè di pagina.
In questo modo hai integrato correttamente il Trustbadge nel tuo sito web nella posizione che hai scelto tu.
Posiziona il Trustbadge in modo flessibile nella visualizzazione mobile
La variante custom ha una larghezza standard di 156 pixel e un'altezza di 78 pixel nella visualizzazione mobile. Di seguito ti spieghiamo come modificare le dimensioni del Trustbadge nella versione mobile. Accetti i valori predefiniti sopra riportati? Allora salta i due passi successivi e procedi al numero 3.
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-mobile-custom-width="156"
- Sostituisci i 156 con il numero di pixel che desideri impostare come larghezza del Trustbadge.
Il numero di pixel che è possibile selezionare in questo punto cambia se hai deciso o meno di nascondere le stelle di valutazione nella visualizzazione mobile.
- Hai nascosto le stelle di valutazione? Allora seleziona un numero di pixel compreso tra 32 e 58.
- Non hai nascosto le stelle di valutazione? Allora seleziona un numero di pixel compreso tra 100 e 500.
Il numero di pixel per l'altezza del Trustbadge cambia automaticamente in base alla larghezza selezionata. Non puoi cambiare le proporzioni.
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-mobile-enable-custom="false"
- Sostituisci la riga del codice con la seguente:
data-mobile-enable-custom="true"
- Apri il codice sorgente del tuo sito web.
- Inserisci la seguente riga di codice nella posizione del sito web in cui deve essere mostrato il Trustbadge:
<div id="trustbadgeCustomMobileContainer"></div>
Puoi scegliere, ad esempio, l'intestazione o il piè di pagina.
In questo modo hai integrato correttamente il Trustbadge nel tuo sito web nella posizione che hai scelto tu.
Come posso nascondere il Trustbadge?
Se desideri nascondere il Trustbadge, hai due possibilità:
- Puoi attivare la modalità fade-out nella visualizzazione desktop. In questa modalità, il Trustbadge continua a essere mostrato nella parte superiore di ogni pagina. Tuttavia, non appena la clientela scorre verso il basso, questo scompare lentamente. Apparirà di nuovo quando la clientela tornerà nella parte superiore della pagina.
Nella versione mobile, la modalità fade-out è attiva automaticamente. Tuttavia, è possibile disattivarla nella versione mobile.
- Puoi nascondere completamente il Trustbadge. In questo caso, il Trustbadge non sarà più visibile sul tuo sito web. Solo la Trustcard si apre una volta ricevuto l'ordine, in modo che la clientela possa attivare la Protezione Acquirenti.
Se nascondi completamente il Trustbadge, questo non verrà mostrato né nella versione desktop né in quella mobile.
Attiva la modalità fade-out nella visualizzazione desktop
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-desktop-enable-fadeout="false"
- Sostituisci la riga del codice con la seguente:
data-desktop-enable-fadeout="true"
In questo modo hai attivato correttamente la modalità fade-out nella versione desktop. Ora il Trustbadge scompare lentamente quando la tua clientela scorre la tua pagina web verso il basso.
Disattiva la modalità di fade-out nella visualizzazione mobile
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-mobile-enable-fadeout="true"
- Sostituisci la riga del codice con la seguente:
data-mobile-enable-fadeout="false"
In questo modo hai disattivato correttamente la modalità fade-out nella versione mobile. Ora il Trustbadge non scompare più lentamente quando la tua clientela scorre la pagina web verso il basso.
Nascondi il Trustbadge
Se il Trustbadge è visibile, la tua clientela sa che si può fidare del tuo sito web. Se nascondi il Trustbadge, questo può avere ripercussioni negative sulla conversione e il fatturato. Per questa ragione, ti consigliamo di nascondere il Trustbadge solo temporaneamente.
- All'interno del codice Trustbadge, puoi trovare questa riga di codice:
data-disable-trustbadge="false"
- Sostituisci la riga del codice con la seguente:
data-disable-trustbadge="true"
In questo modo, il Trustbadge è nascosto sia nella versione desktop che in quella mobile.
Come posso posizionare la Trustcard altrove?
Dopo il check-out, la Trustcard comparirà in forma di pop-up sulla pagina di conferma d'ordine del tuo negozio. Con la Trustcard, la tua clientela può dare il consenso a ricevere un invito di recensione e/o assicurare l'ordine con la Protezione Acquirenti.
Non vuoi che la Trustcard si apra come pop-up? Assegnagli una posizione fissa sulla pagina di conferma d'ordine.
- Apri il modulo della pagina di conferma d'ordine.
- Copia la seguente riga di codice:
<div id="trustbadgeCustomCheckoutContainer"></div>
- Inserisci il codice nella posizione in cui deve apparire la Trustcard.
In questo modo assegnato una posizione fissa alla Trustcard sulla pagina di conferma d'ordine.