跳到主要内容

支付按钮的大小和结构

支付按钮在视觉外观上必须与其他购物体验中的按钮保持一致。

支付按钮的高度范围从 40 像素(小)到 55 像素(大)。默认按钮高度为 48 像素。以下预设可用于按钮高度。

  • 小:高度 40 像素
  • 默认:高度 48 像素
  • 大:高度 55 像素

结构

支付按钮最多由三个元素组成:一个按钮组件、支付标志和可选的标签。

不要在按钮的表面区域之外放置任何文本。

布局和间距

标签和支付标志之间的间距以及周围的间距,会根据按钮的大小进行调整。

自适应高度

按钮的高度可以根据主题的需求进行调整。

按钮大小

使支付按钮的大小与其他支付按钮相同,不能大于或小于其他支付按钮,包括“加入购物车”和“继续结账”等 CTA 按钮。

按钮宽度

为所有支付按钮使用相同的宽度。不要使宽度大于或小于其他支付按钮。

最小宽度

按钮具有最小宽度,以确保可读性。

请遵循每种支付按钮大小的最小宽度。不要将支付按钮压缩到单行中。

按钮形状

为所有支付按钮使用相同的圆角半径。不要使圆角半径大于或小于其他支付按钮。

  • 默认圆角半径:4 像素
  • 最大圆角半径:按钮高度的一半

按钮标签

提供变体按钮,以满足商家的需求和支付体验。

  • Buy
  • Pay
  • Donate
  • Book
  • Checkout
  • Subscribe
  • Continue
  • Order
  • Icon only

按钮标签应采用句首大写形式,即仅将第一个单词的首字母大写。