Queste linee guida hanno lo scopo di aiutarti a implementare l'API Google Wallet nelle tue app o nei tuoi siti web.
Pulsante Salva in Google Pay
Il pulsante Salva su Google Pay deve richiamare uno dei flussi dell'API Google Pay for Passes. Questi flussi mostrano una schermata in cui gli utenti possono salvare carte d'imbarco, biglietti per eventi o per il trasporto pubblico, carte fedeltà, carte regalo e offerte sul proprio dispositivo Android. Questo pulsante può essere utilizzato in app, siti web, email o SMS dei commercianti.
Asset
I pulsanti Salva in Google Pay sono disponibili come file EPS e SVG.
Scarica gli asset - EPS Scarica gli asset - SVG
Tutti i pulsanti Salva in Google Pay visualizzati sul tuo sito, nella tua app o nelle tue comunicazioni via email devono rispettare le nostre linee guida per il brand, descritte in questa pagina. ad esempio:
- Dimensioni rispetto ad altri pulsanti o elementi simili della pagina
- Contrasto con il colore di sfondo dell'area circostante
- Spazio vuoto
I pulsanti Salva in Google Pay sono disponibili nelle seguenti lingue: arabo, croato, ceco, danese, olandese, inglese, finlandese, francese, tedesco, indonesiano, italiano, giapponese, coreano, norvegese (Bokmal), polacco, portoghese, russo, cinese semplificato, slovacco, spagnolo, svedese, tailandese, cinese tradizionale e ucraino.
Dimensioni
Regola l'altezza e la larghezza del pulsante Salva in Google Pay in base al tuo layout. Se nella pagina sono presenti altri pulsanti, il pulsante Salva su Google Pay deve essere di dimensioni uguali o superiori a questi pulsanti. Non creare un pulsante Salva su Google Pay più piccolo degli altri pulsanti.
Stile
I pulsanti Salva in Google Pay sono disponibili in tre varianti: nero, bianco e bianco con contorno nero. Sono disponibili pulsanti con versioni localizzate del testo. Non creare pulsanti con il tuo testo localizzato.
 |
 |
 |
| Neri | Bianco | Bianco con contorno |
| Utilizza il pulsante nero su sfondi bianchi o chiari per creare contrasto. Non utilizzare il pulsante nero su sfondi scuri. Utilizza invece il pulsante bianco. | Utilizza il pulsante bianco su sfondi scuri o colorati. Non utilizzare il pulsante bianco su sfondi bianchi o chiari. Utilizza invece il pulsante nero o il pulsante bianco con un contorno. | Utilizza il pulsante bianco con un contorno come alternativa al pulsante nero su sfondi bianchi o chiari. Non utilizzare questo pulsante su sfondi scuri o colorati; utilizza invece il pulsante bianco standard. |
Spazio vuoto
Mantieni sempre lo spazio vuoto minimo di 8 dp su tutti i lati del pulsante Salva in Google Pay. Assicurati che l'area di rispetto non sia mai interrotta da elementi grafici o testo.
Altezza minima
Tutti i pulsanti Salva in Google Pay devono avere un'altezza minima di 36 dp.
Cosa fare e cosa non fare
| Dos | Azioni da evitare |
|---|---|
| Da fare: utilizza solo i pulsanti Salva su Google Pay forniti da Google. | Cosa non fare: non creare i tuoi pulsanti Salva in Google Pay né modificare in alcun modo il carattere, il colore, il raggio o il padding del pulsante. |
| Cosa fare: utilizza lo stesso stile di pulsante in tutto il sito. Il colore del pulsante potrebbe adattarsi se il colore dello sfondo cambia. | Da evitare: non rendere i pulsanti Salva in Google Pay più piccoli degli altri pulsanti. |
| Cosa fare: assicurati che le dimensioni dei pulsanti Salva su Google Pay rimangano uguali o superiori a quelle degli altri pulsanti. | Da evitare: non utilizzare un colore del pulsante simile allo sfondo. Ad esempio, non utilizzare il pulsante bianco su uno sfondo bianco. |
| Sì: assicurati di scegliere un colore del pulsante che sia in contrasto con lo sfondo. | Da evitare: non ridimensionare il pulsante in modo libero. |
| Cosa fare: mantieni le stesse proporzioni del pulsante quando ridimensioni i pulsanti Salva su Google Pay. |
Best practice per il posizionamento dei pulsanti
Per massimizzare il numero di oggetti salvati, mostra i pulsanti Salva in Google Pay in modo ben visibile all'interno della tua app, del tuo sito web o della tua email. Per ricevere l'approvazione del brand da Google, devi rispettare le seguenti best practice.
Carte fedeltà
Ti consigliamo di posizionare il pulsante Salva in Google Pay vicino alle esperienze utente nella tua app, nel tuo sito o nella tua comunicazione via email in cui mostri le informazioni attuali sulla fedeltà dei clienti. È utile anche visualizzare il pulsante nelle schermate di conferma che vengono visualizzate subito dopo la registrazione degli utenti al tuo programma fedeltà nella tua app o nel tuo sito web.
Carte regalo
Ti consigliamo di posizionare il pulsante Salva in Google Pay nella schermata di conferma visualizzata dopo che un utente ha acquistato una carta regalo nella tua app o sul tuo sito web. È anche una buona idea mostrare il pulsante in tutte le comunicazioni via email inviate al destinatario della carta regalo.
Offerte
Ti consigliamo di posizionare il pulsante Salva in Google Pay vicino alle schermate o alle pagine della tua app o del tuo sito web in cui gli utenti accedono alle offerte. Per risultati migliori, ti consigliamo vivamente di includere il pulsante in tutte le comunicazioni via email relative all'offerta.
Biglietti per eventi e trasporti
Mostra il pulsante Salva in Google Pay alla fine del flusso di acquisto o nelle schermate dell'app, nelle pagine web o nelle email di conferma. Ti consigliamo di posizionare il pulsante Salva in Google Pay nel punto in cui gli utenti accedono ai loro biglietti nella tua app o nel tuo sito web.
Carte d'imbarco
Mostra il pulsante Salva in Google Pay alla fine del flusso di acquisto o nelle schermate dell'app, nelle pagine web o nelle email di conferma. Puoi anche mostrare il pulsante dove i passeggeri effettuano il check-in per i loro voli o visualizzano le carte d'imbarco sul tuo sito web o nella tua app oppure includerlo nelle email pertinenti.
Utilizzo del nome del prodotto Google Pay nel testo
Puoi utilizzare il testo per indicare all'utente che la sua carta d'imbarco, il suo biglietto per un evento o per il trasporto pubblico, la sua carta fedeltà, la sua carta regalo o la sua offerta sono stati salvati sul suo dispositivo.
Scrivi le lettere "G" e "P" in maiuscolo
Utilizza sempre una "G" maiuscola e una "P" maiuscola seguite da lettere minuscole per fare riferimento a Google Pay. Non scrivere il nome completo "GOOGLE PAY" in lettere maiuscole, a meno che non sia necessario per rispettare lo stile tipografico della tua UI.
Non abbreviare Google Pay
Scrivi sempre le parole "Google" e "Pay".
Adatta lo stile alla tua UI
Imposta "Google Pay" con lo stesso carattere e lo stesso stile tipografico del resto del testo nella tua UI. Non imitare lo stile tipografico di Google.
Non tradurre Google Pay
Scrivi sempre "Google Pay" in inglese. Non tradurlo in un'altra lingua.