Ces consignes sont destinées à vous aider à implémenter l'API Google Pay pour les cartes dans vos applications ou sites Web.
Bouton "Enregistrer dans Google Pay"
Le bouton Enregistrer dans Google Pay doit appeler l'un des flux de l'API Google Pay for Passes. Ces flux affichent un écran sur lequel les utilisateurs peuvent enregistrer leurs cartes d'embarquement, billets de transport en commun ou d'événements, cartes de fidélité, cartes cadeaux et offres sur leur appareil Android. Vous pouvez utiliser ce bouton dans les applications, les sites Web, les e-mails et les SMS de marchands.
Assets
Les boutons Enregistrer dans Google Pay sont disponibles aux formats EPS et SVG.
Télécharger les assets – EPS Télécharger les assets – SVG
Tous les boutons Enregistrer dans Google Pay affichés sur votre site, dans votre application ou dans vos e-mails doivent respecter nos consignes relatives à la marque décrites sur cette page. Ces consignes peuvent inclure, sans s'y limiter, les aspects suivants :
- Taille par rapport aux autres boutons ou éléments semblables de la page
- Contraste avec la couleur d'arrière-plan de la zone environnante
- Espace vide
Les boutons Enregistrer dans Google Pay sont disponibles dans les langues suivantes : arabe, croate, tchèque, danois, néerlandais, anglais, finnois, français, allemand, indonésien, italien, japonais, coréen, norvégien (bokmal), polonais, portugais, russe, chinois simplifié, slovaque, espagnol, suédois, thai, chinois traditionnel et ukrainien.
Taille
Ajustez la hauteur et la largeur du bouton Enregistrer dans Google Pay en fonction de votre mise en page. Si la page contient d'autres boutons, le bouton Enregistrer dans Google Pay doit être au moins de la même taille que ces boutons. Ne réduisez pas la taille du bouton Enregistrer dans Google Pay à une taille inférieure à celle des autres boutons.
Style
Les boutons Enregistrer dans Google Pay sont disponibles en trois variantes : noir, blanc et blanc avec un contour noir. Des versions localisées du texte du bouton sont disponibles. Ne créez pas de boutons avec votre propre texte localisé.
Noir | Blanc | Blanc avec contour |
Utilisez le bouton noir sur des fonds blancs ou clairs pour apporter du contraste. N'utilisez pas le bouton noir sur des fonds sombres. Utilisez plutôt le bouton blanc. | Utilisez le bouton blanc sur des fonds sombres ou colorés. N'utilisez pas le bouton blanc sur des fonds blancs ou clairs. Utilisez plutôt le bouton noir ou le bouton blanc avec un contour. | Le bouton blanc avec un contour doit être utilisé en tant qu'option secondaire sur des fonds blancs ou clairs. N'utilisez pas ce bouton sur des fonds sombres ou colorés. Utilisez plutôt le bouton blanc standard. |
Espace vide
Maintenez toujours un espace vide de minimum 8 dp sur tous les côtés du bouton Enregistrer dans Google Pay. Assurez-vous que cet espace ne comporte jamais de graphiques ni de texte.
Hauteur minimale
La hauteur des boutons Enregistrer dans Google Pay doit être d'au moins 36 dp.
Choses à faire et à éviter
À faire | À éviter |
---|---|
À faire : n'utilisez que les boutons Enregistrer dans Google Pay fournis par Google. | À éviter : ne créez pas vos propres boutons Enregistrer dans Google Pay et ne modifiez en aucune façon la police, la couleur, le rayon ni la marge intérieure du bouton. |
À faire : utilisez le même style de bouton dans l'ensemble de votre site. La couleur du bouton peut changer si la couleur de l'arrière-plan change. | À éviter : ne réduisez pas la taille des boutons Enregistrer dans Google Pay à une taille inférieure à celle des autres boutons. |
À faire : assurez-vous que la taille des boutons Enregistrer dans Google Pay est identique ou supérieure à celle des autres boutons. | À éviter : n'utilisez pas une couleur de bouton semblable à l'arrière-plan. Par exemple, n'utilisez pas le bouton blanc sur un fond blanc. |
À faire : veillez à choisir une couleur de bouton qui contraste avec votre arrière-plan. | À éviter : n'utilisez pas la mise à l'échelle non proportionnelle lorsque vous redimensionnez le bouton. |
À faire : conservez les proportions lorsque vous redimensionnez les boutons Enregistrer dans Google Pay. |
Bonnes pratiques concernant l'emplacement des boutons
Pour optimiser le nombre d'objets enregistrés, affichez les boutons Enregistrer dans Google Pay de manière visible dans l'application, sur le site Web ou dans les e-mails. Vous devez respecter les bonnes pratiques suivantes pour obtenir l'approbation de Google.
Cartes de fidélité
Nous vous recommandons de placer le bouton Enregistrer dans Google Pay près des éléments d'expérience utilisateur dans votre application, site ou communication par e-mail, là où vous affichez les informations de fidélité actuelles de vos clients. Il est également utile d'afficher le bouton sur les écrans de confirmation qui apparaissent dès que les utilisateurs s'inscrivent à votre programme de fidélité dans votre application ou sur votre site Web.
Cartes cadeaux
Nous vous recommandons de placer le bouton Enregistrer dans Google Pay sur l'écran de confirmation qui s'affiche après qu'un utilisateur a acheté une carte cadeau dans votre application ou sur votre site Web. Nous vous recommandons aussi d'afficher ce bouton dans toutes vos communications par e-mail au destinataire de la carte cadeau.
Offres
Nous vous recommandons de placer le bouton Enregistrer dans Google Pay à proximité des écrans ou des pages de votre application ou de votre site Web sur lesquels les utilisateurs accèdent à des offres. Pour un résultat optimal, nous vous recommandons vivement d'inclure le bouton dans toutes vos communications par e-mail concernant l'offre.
Billets pour des événements et titres de transport
Affichez le bouton Enregistrer dans Google Pay à la fin de votre parcours d'achat, ou sur les écrans d'application, les pages Web ou les e-mails de confirmation. Nous vous recommandons de placer le bouton Enregistrer dans Google Pay là où les utilisateurs accèdent à leur billet dans votre application ou sur votre site Web.
Cartes d'embarquement
Affichez le bouton Enregistrer dans Google Pay à la fin de votre parcours d'achat, ou sur les écrans d'application, les pages Web ou les e-mails de confirmation. Vous pouvez également afficher le bouton là où les usagers peuvent effectuer leur enregistrement pour leur vol, afficher leur carte d'embarquement sur votre site Web ou dans votre application, ou inclure le bouton dans des e-mails pertinents.
Utiliser le nom du produit Google Pay dans le texte
Vous pouvez utiliser du texte pour indiquer à l'utilisateur que sa carte d'embarquement, son billet pour un événement, son titre de transport, sa carte de fidélité, sa carte cadeau ou son offre a été enregistrée sur son appareil.
Mettre en majuscules les lettres "G" et "P"
Lorsque vous mentionnez Google Pay, écrivez toujours la première lettre de "Google" et "Pay" en majuscules et le reste de ces mots en minuscules. Ne mettez pas en majuscules le nom complet "Google Pay", sauf s'il doit correspondre au style typographique de votre interface utilisateur.
Ne pas abréger Google Pay
Veillez à toujours écrire intégralement les mots "Google" et "Pay".
Adapter le style à votre interface utilisateur
"Google Pay" doit avoir la même police et le même style graphique que le reste du texte de votre interface utilisateur. N'imitez pas le style typographique de Google.
Ne pas traduire Google Pay
Écrivez toujours "Google Pay" en anglais. Ne le traduisez pas dans une autre langue.