Non hai ancora integrato il Trustbadge? Allora esegui l'integrazione standard prima di proseguire. A tale scopo, ti consigliamo questo articolo: Cosa devo fare per inserie senza plugin il Trustbadge nel mio negozio online?
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.
Per quanto riguarda l'integrazione standard, le regole definite per il Trustbadge® sono le seguenti:
- 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. 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.
Come posso modificare il posizionamento nella visualizzazione desktop?
Nella visualizzazione desktop, puoi...
... spostare il Trustbadge orizzontalmente dal lato destro a quello sinistro dello schermo.
... spostare il Trustbadge verticalmente verso l'alto o il basso.
... posizionare il Trustbadge sul tuo sito web nella maniera che desideri.
Posiziona il Trustbadge sul lato sinistro dello schermo nella visualizzazione desktop
- 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
- 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.
Posiziona il Trustbadge in modo flessibile nella visualizzazione desktop
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.
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.
Come posso modificare il posizionamento nella visualizzazione mobile?
Nella visualizzazione mobile, 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 sul tuo sito web nella maniera che desideri.
Posiziona il Trustbadge sul lato destro dello schermo o al centro nella visualizzazione mobile
- 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
- 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 in modo flessibile nella visualizzazione mobile
Oltre alla variante standard del Trustbadge descritta finora, puoi anche integrare la variante "custom" nella versione mobile del tuo sito web. 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 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.