工单派下来了：“在确认邮件里加一个 Apple Wallet 按钮。” 听起来很简单，直到你去查资料，撞上 Apple 的徽标规范、一张需要签名的 .pkpass，以及”这个按钮到底该链接到哪”这个问题。按钮本身不难画，难的是把它接到一张真正的会员卡上，并且把位置放对——这正是很多出海团队会卡壳的地方。
本文是给需要上线这个按钮的人准备的精简版：它在邮件、官网、App 里各自的位置，Apple 和 Google 各自的规则，以及如何把它接到一条真正能保存会员卡的安装链接上。做对了，这个按钮能实实在在提升安装率，而不是躺在模板里没人点。
出海团队的按钮该放在哪（邮件、官网、App）
按钮有三个自然的落点，各自对应会员卡最有价值的那个瞬间。
在邮件里，它属于确认或优惠类消息：订单回执、票务确认、会员开卡通知。有一点要注意：海外顾客可能在笔记本电脑上打开邮件，这时按钮不生效，所以加一句”请在 iPhone 上打开这封邮件添加会员卡”。
在官网上，它属于确认页和优惠页，紧挨着”正在被保存的那个东西”：结账完成后、预订确认页、独立站的专属优惠券页面。
在 App 内，它出现在会员卡信息本来就会展示的地方，紧跟在触发它的动作之后：一次购买、一次注册、一张票的签发。原生 App 应该用 Apple 自带的按钮控件，而不是一张图片。
Apple 官方按钮规范
Apple 把这个徽标当作受保护的商标素材，规则很严格，出海团队最好照单执行，否则可能导致 App 审核被拒，或者按钮看起来”坏了”。
在网页和邮件里使用 Apple 提供的 SVG 徽标，印刷物料上带二维码的场景用 EPS 版本。不要自己重新设计，也不要给徽标重新上色、旋转、加动画或加阴影。原生 App 里用 PKAddPassButton 控件，它会自动渲染出正确的样式和语言。
排版上，徽标周围至少要留出相当于它高度十分之一的净空，并且放在白色或浅色背景上；深色背景下，Apple 提供了描边版本。徽标要保持从属地位，不能盖过页面主内容。
命名上，第一次出现写”Apple Wallet”，之后写”Wallet”，出现法律文本的地方要带上 Apple 的商标声明。这些命名规则也是 Apple 审核会检查的一部分。
有几个错误特别容易让按钮被拒或”点了没反应”：自己设计的徽标代替官方版本，审核直接不过；徽标藏在一个用户看不懂用途的地方，形同虚设。链接指向一张未签名或格式错误的会员卡，点了也不会有任何反应；命名不一致，比如写成”保存到 iPhone 钱包”，也会触碰品牌规则。这些问题用官方素材和一张正确签名的会员卡都能避免。
Add to Google Wallet 按钮：任务一样，规则不同
如果你同时支持两个钱包——大多数面向海外消费者的出海业务都应该这样做——你会在 Apple 按钮旁边再放一个 Google 按钮。任务是一样的，细节不同。
对出海团队来说这一点尤其现实：不像国内场景里会员卡机制主要绑定在微信小程序或支付宝卡包生态，海外用户的手机操作系统split因市场而异——北美和西欧以 iPhone 为主，东南亚和部分新兴市场 Android 占比更高。两个按钮都要上，才能覆盖你在不同海外市场的全部用户。
Google 的按钮有 Android XML、SVG、PNG 三种格式，只有黑色一种配色，分主版和紧凑版。净空是固定的 8dp，按钮最小高度要求 48dp。有一条规则很容易被忽略：如果页面上还有其他按钮，Add to Google Wallet 按钮必须和它们一样大或更大，绝不能更小。
这个按钮要调用 Google Wallet 的 API 流程，唤起 Google Wallet App，让用户把会员卡保存到 Android 设备和 Google 账号里。命名上，“Google Wallet” 的 G 和 W 都要大写，并且使用 Google 提供的本地化按钮文案，而不是自己写的版本。
所以你的模板里其实是两个按钮、两套规则。分别为两个标准生成会员卡，把两个徽标并排放好，剩下的交给顾客的设备处理。
把按钮接到一条真正能用的安装链接上
徽标只是一张图片，直到它指向一张真实、已签名的会员卡。三件事把它和顾客真正能保存的东西连接起来。
-
为每个用户生成安装链接
按钮链接到一个能解析出已签名会员卡的安装地址。生成这张卡有两种方式：自己用 Apple 的 PassKit 框架搭建，意味着自己签名 .pkpass 并运营一套托管链接的服务；或者用一个能替你完成签名和托管的会员卡平台。第一种方式给你完全的控制权，适合有后端资源的团队；第二种对大多数出海市场和产品团队来说更快。像通用优惠券这样的共享卡，一条链接能服务所有人；像带着某位顾客具体积分的会员卡这样的个性化卡，你需要为每个用户生成唯一链接，让保存下来的卡携带对应的数据。用 Pushwoosh Wallet Passes 这样的平台，你只需搭建一次卡片，就能生成安装链接，不用自己处理 .pkpass 签名。
-
把按钮放进你的邮件模板
在你的邮件平台里，放上 Apple 的 SVG 徽标（如果同时支持 Google，也放上 Google 按钮），把链接设置成安装地址。对于按用户区分的会员卡，大多数邮件平台支持把这个唯一链接作为个性化变量插入，这样每位收件人的按钮都指向属于自己的那张卡。加上“请在 iPhone 上打开”的提示，并按 Apple 的规则把徽标放在浅色背景上。
-
追踪的是保存，而不只是点击
点一下徽标不等于保存成功，顾客还需要确认添加会员卡这个动作。把真正的添加行为作为独立事件追踪，这样你衡量的是安装率，而不只是点击率。这个数字才能告诉你位置和优惠是否有效，也是真正值得优化的指标，因为被保存下来的那张卡，才是留在顾客手机里的那张。
一条链接，覆盖每一个渠道
给每个用户生成一条唯一安装链接，再手动粘贴到每个渠道里，这套流程撑不过几场活动就会失控。这条链接不管出现在邮件、推送还是短信里都是同一份资产，所以更高效的做法是生成一次，处处复用——尤其是在双十一或黑五这类大促窗口，出海团队往往要在同一天内同时铺开邮件、推送和短信三条触达线。
用 Pushwoosh Wallet Passes，你搭建会员卡、生成安装链接，并从一个后台把它分发到推送（依托 FCM 触达海外 Android 用户，APNs 触达海外 iOS 用户）、邮件和短信。Apple 和 Google 按钮指向同一张会员卡，你不需要接触 .pkpass 文件就能管理保存和更新。
用 Pushwoosh 提升出海会员卡安装率
按钮只需上线一次，链接可以处处复用。Pushwoosh Wallet Passes 为 Apple 和 Google Wallet 生成安装链接，并从一个控制台把它分发到推送、邮件和短信。
