推出适用于 Android 的 Google Pay 按钮视图

五月 09, 2023
Jose Ugia Developer Relations Engineer

Google Pay 按钮是客户借助 Google Pay 以快速熟悉的方式进行结账的入口点。以下是我们针对按钮即将推出的一些更新,让您能更轻松地使用该按钮,并根据您的结账设计对其进行自定义,同时为您缔造更一致、信息更丰富的体验,帮助您的客户更轻松地快速完成您的结账流程。

全新外观和增强的自定义功能

此前,您曾告诉我们,始终如一的结账体验对您的业务至关重要。我们采用最新的 Material 3 设计原则,赋予 Google Pay 按钮全新外观。全新 Google Pay 按钮有两个版本,在深色和浅色主题应用中看起来都很美观。我们还添加了细微的笔触,使按钮在低对比度界面中显而易见。此外,我们还将引入全新自定义功能,让您能轻松调整按钮形状和圆角圆润度,并帮助您打造更一致的结账体验。

Introducing2
图 1:可以定制适用于 Android 的全新 Google Pay 按钮视图,使其与您的结账体验更加一致。

适用于 Android 的全新按钮视图

我们还改进了适用于 Android 的 Google Pay API,推出了全新按钮视图,从而简化集成流程。现在,您能以更熟悉的方式配置 Google Pay 按钮,并将其直接添加到 XML 布局中。如果愿意,您还可以通过编程方式配置按钮。此视图让您能配置按钮主题和圆角半径等属性,并且还内置了相关的图形和翻译,因此您无需手动下载和配置这些内容。您只需将视图添加至界面,然后进行调整即可。

现已推出全新按钮 API 测试版。查看适用于 Android 的最新教程,开始使用全新按钮视图。

A New Button View
图 2:如何在 Android 上将全新按钮视图直接添加至您的 XML 布局并对其进行配置的实现示例。

通过卡片后四位数字为客户提供额外背景信息

早些时候,我们推出了适用于网页的动态 Google Pay 按钮,该按钮直接在按钮上预览了客户上次使用的付款方式的卡片网络和卡片最后四位数字。从那时起,我们就已经看到了不错的成果,这种额外背景信息促使转换率得到提升,并且交易数量增加了高达 40%。

本季度晚些时候,您将能为 Android 配置全新按钮视图,向用户显示有关他们上一次使用 Google Pay 完成付款所用的银行卡的其他信息。我们还致力于在 Jetpack Compose 中提供 Google Pay 按钮并将其作为界面元素,帮助您使用直观的 Kotlin API 更快地构建界面。

dynamicButton
图 3:全新 Google Pay 按钮视图的动态版本在 Android 上的显示效果示例。

后续步骤

查看文档,以便在 Android 上开始使用全新 Google Pay 按钮视图。此外,在 GitHub 的开源应用示例中查看我们自己的按钮集成。