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.
Puoi configurare la versione mobile del Trustbadge indipendentemente da quella che utilizzi nella versione desktop. Per quanto riguarda l'integrazione standard, le regole definite per il Trustbadge mobile sono le seguenti:
- 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 sul lato sinistro dello schermo.
- Il Trustbadge viene mostrato 10 pixel sopra il bordo inferiore dello schermo.
Naturalmente puoi adattare queste regole in base alle tue esigenze. In questo articolo ti spieghiamo come utilizzare il codice Trustbadge® per...
- ... modificare come viene mostrato il Trustbadge nella versione mobile.
- ... spostare il Trustbadge in un altro punto nella versione mobile.
- ... disattivare la modalità fade out.
Come posso mostrare il Trustbadge mobile 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à.
Il codice Trustbadge ti consente di modificare come il Trustbadge viene mostrato in tre modi:
- Puoi nascondere le stelle di valutazione raccolte e mostrare solo il tuo Sigillo di Qualità.
- 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?
- 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.
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
- 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 posizionare il Trustbadge mobile in un altro posto?
Nell'integrazione standard, il Trustbadge mobile viene mostrato sul lato sinistro dello schermo e 10 pixel sopra il bordo inferiore dello schermo.
Tramite il codice Trustbadge puoi...
... spostare il Trustbadge orizzontalmente dal bordo sinistro dello schermo al centro o a destra.
... spostare il Trustbadge verticalmente verso l'alto o il basso.
... posizionare il Trustbadge mobile in modo flessibile nella visualizzazione mobile del tuo sito web.
Posizionare il Trustbadge sul bordo destro dello schermo o al centro
- 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.
Spostare il Trustbadge in alto o in 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 la variante "custom" nella versione mobile del tuo sito web.
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.
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 disattivare la modalità fade-out del Trustbadge mobile?
Nella versione mobile, la modalità fade-out è attiva automaticamente. In questa modalità, il Trustbadge viene 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. Puoi disattivare la modalità fade-out in modo che il Trustbadge sia ben visibile.
- 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.