如果您要面向俄罗斯用户开发应用，请使用“保存到手机”按钮，因为 Google 钱包未在这些国家/地区推出。请参阅 相关资源和指南。如果您要面向俄罗斯境外用户开发应用，请下载以下资源，更新添加到 Google 钱包按钮。
此文档的这一部分内容旨在帮助您创建图片和其他界面元素，让其在 Google 钱包应用中能完美呈现。
素材资源
“Add to Google Wallet”（添加到 Google 钱包）按钮
每当您指示用户将卡券或卡片从您的应用或网站保存到其钱包时，都可以使用添加到 Google 钱包按钮。添加到 Google 钱包按钮必须调用其中一个 Google Wallet API 流程。这些流程会显示 Google 钱包应用，用户可以在该应用中按照说明将卡券保存到他们的 Android 设备和 Google 账号。此按钮可用于应用、网站或电子邮件。
我们为支持 Google 钱包的所有市场提供了本地化的 Google 钱包按钮。如果您要面向这些市场的用户开发应用，请务必使用上方链接的按钮。请勿自行创建按钮版本。
如果您的市场不提供本地化版本的按钮，请使用英语版本的按钮。
添加到 Google 钱包按钮支持以下语言：阿尔巴尼亚语、阿拉伯语、亚美尼亚语、阿塞拜疆语、波斯尼亚语、保加利亚语、加泰罗尼亚语、中国香港语、中国台湾语、克罗地亚语、捷克语、丹麦语、荷兰语、英语（印度、新加坡、南非、澳大利亚、加拿大、英国、美国）、爱沙尼亚语、菲律宾语、芬兰语、法语（加拿大）、法语（法国）、格鲁吉亚语、德语、希腊语、希伯来语、匈牙利语、冰岛语、印度尼西亚语、意大利语、日语、哈萨克语、吉尔吉斯语、拉脱维亚语、立陶宛语、马其顿语、马来语、挪威语、波兰语、葡萄牙语（巴西）、葡萄牙语（葡萄牙）、罗马尼亚语、俄语（白俄罗斯）、塞尔维亚语、斯洛伐克语、斯洛文尼亚语、西班牙语（拉丁美洲）、西班牙语（西班牙）、瑞典语、泰语、土耳其语、乌克兰语、乌兹别克语和越南语。
[null,null,["最后更新时间 (UTC)：2025-07-25。"],[[["\u003cp\u003eDevelopers targeting users in Russia should utilize "Save to phone" buttons due to Google Wallet's unavailability, while developers outside Russia should update to the latest "Add to Google Wallet" button assets.\u003c/p\u003e\n"],["\u003cp\u003eThis documentation guides the creation of UI elements, including "Add to Google Wallet" and "View in Google Wallet" buttons, ensuring visual consistency within the Google Wallet app.\u003c/p\u003e\n"],["\u003cp\u003eGoogle provides localized buttons and product names for various markets, emphasizing the use of these official resources to maintain brand consistency.\u003c/p\u003e\n"],["\u003cp\u003eUI elements should adhere to specific size, style, and clear space guidelines, with emphasis on maintaining button prominence and avoiding alterations to provided assets.\u003c/p\u003e\n"],["\u003cp\u003e"Add to Google Wallet" buttons are ideally placed on confirmation screens, and usage of the "Google Wallet" product name in text should follow capitalization and localization best practices.\u003c/p\u003e\n"]]],["Developers integrating with Google Wallet should use \"Save to phone\" buttons for users in RU, and the \"Add to Google Wallet\" button for others. The \"Add to Google Wallet\" and \"View in Google Wallet\" buttons, available in various formats, must adhere to provided brand guidelines: maintain size, shape, color, and clear space. Use localized buttons and product names where available, without creating custom versions. Buttons should be prominently displayed, be equal or bigger in size than the others and the minimum height must be 48dp.\n"],null,["# Brand guidelines\n\nIf you're developing for users in RU, please use the \"Save to phone\"\nbuttons as Google Wallet isn't live in these countries. Please see the\n[relevant assets and\nguidelines](/wallet/legacy-resources/button-guidelines). If you are developing for users outside of RU, please\nupdate your **Add to Google Wallet** button by downloading the assets\nbelow.\n\n\nThis section of the documentation is designed to help you create images and\nother user interface elements so that they look great in the\nGoogle Wallet app.\n\nAssets\n------\n\n### Add to Google Wallet button\n\n\nThe **Add to Google Wallet** button is used whenever you are\ndirecting users to save a pass or card from your app or website to their\nwallet. The **Add to Google Wallet** button must call one of the\nGoogle Wallet API flows. These flows surface the Google Wallet app where\nusers can follow the instructions to save passes to their Android device\nand their Google Account. This button can be used in apps, websites or\nemails.\n\n\n**Add to Google Wallet** buttons are available in Android XML, SVG,\nand PNG format.\n[Download assets - Android XML](/static/wallet/download-assets/add-to-wallet-axml.zip) [Download assets - SVG](/static/wallet/download-assets/add-to-wallet-svg.zip) [Download assets - PNG](/static/wallet/download-assets/add-to-wallet-png.zip)\n\n### View in Google Wallet button\n\n\nThe **View in Google Wallet** button is used to deep link a user\nto their wallet to view a previously saved pass or card. This\nbutton can be used in apps, websites or emails.\n\n\n**View in Google Wallet** buttons are available in SVG and PNG format.\n[Download assets - SVG](/static/wallet/download-assets/view-in-google-wallet-svg.zip) [Download assets - PNG](/static/wallet/download-assets/view-in-google-wallet-png.zip)\n\n\nAll buttons displayed on your site, app, or email communications must adhere to the brand\nguidelines outlined on this page. Examples of these guidelines include but aren't limited to, the\nfollowing:\n\n- Size relative to other similar buttons or elements of the page\n- Shape and color of buttons must not be altered\n- Clear space\n\n### Localized buttons\n\n\nLocalized Google Wallet buttons are provided for all markets where Wallet is\navailable. If you're developing for users in these markets, always use the\nbuttons linked above. **Do not** create your own version of the buttons.\nIf a localized version of the button is not available in your market, use the\nEnglish version of the button.\n\n\n**Add to Google Wallet** buttons are available in the Albanian,\nArabic, Armenian, Azerbaijan, Bosnian, Bulgarian, Catalan, Chinese\n(Hong Kong), Chinese (Traditional), Croatian, Czech, Danish, Dutch, English\n(India, Singapore, South Africa, Australia, Canada, Great Britain, United\nStates), Estonian, Filipino, Finnish, French (Canada), French (France),\nGeorgian, German, Greek, Hebrew, Hungarian, Icelandic, Indonesian, Italian,\nJapanese, Kazakh, Kyrgyz, Latvian, Lithuanian, Macedonian, Malay, Norwegian,\nPolish, Portuguese (Brazil), Portuguese (Portugal), Romanian, Russian\n(Belarus), Serbian, Slovak, Slovenian, Spanish (Latin America), Spanish\n(Spain), Swedish, Thai, Turkish, Ukrainian, Uzbek, and Vietnamese languages.\n\n### Localized name\n\n\nFor user clarity, the Google Wallet product name is localized in select\nmarkets. If you're developing for users in these countries, always use the\nlocalized name below for web, email, and print. Do not create your own\nlocalized version of \"Google Wallet.\" If your market isn't listed below, use\n\"Google Wallet\" in English.\n\n| Country | Name |\n|----------------------------------------------------------------------------|---------------------|\n| Belarus | Google Кошелек |\n| Brazil | Carteira do Google |\n| Chile | Billetera de Google |\n| Czechia | Peněženka Google |\n| Greece | Πορτοφόλι Google |\n| Hong Kong | Google 錢包 |\n| Lithuania | Google Piniginė |\n| Poland | Portfel Google |\n| Portugal | Carteira da Google |\n| Romania | Portofel Google |\n| Slovakia | Peňaženka Google |\n| Taiwan | Google 錢包 |\n| Turkey | Google Cüzdan |\n| UAE | محفظة Google |\n| Ukraine | Google Гаманець |\n| United States (Spanish) \\*Use this name in the US if your UI is in Spanish | Billetera de Google |\n\n### Size\n\n\nAdjust the height and width of the **Add to Google Wallet** button\nto fit your layout. If there are other buttons on the page, the\n**Add to Google Wallet** button needs to be equal or larger in size.\nDon't make the **Add to Google Wallet** button smaller than other\nbuttons.\n\n### Style\n\n\n**Add to Google Wallet** buttons are available in two variations:\nprimary and condensed. The **Add to Google Wallet** button only\ncomes in black. Localized versions of the button are provided. Do not create\nbuttons with your own localized text.\n\n| Primary | Condensed |\n|--------------------------------------------------------|--------------------------------------------------------------------------------------|\n| | |\n| Use the primary button on white and light backgrounds. | Use the condensed button if there is not enough space for the primary or full-width. |\n\n### Clear space\n\n\nAlways maintain the minimum clear space of **8 dp** on all sides of the\n**Add to Google Wallet** button. Ensure that the clear space is\nnever broken with graphics or text.\n\n### Minimum height\n\n\nAll **Add to Google Wallet** buttons need to have a minimum height\nof **48 dp**.\n\n### Dos and don'ts\n\n| Dos | Don'ts |\n|----------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------|\n| Do: Use only the **Add to Google Wallet** buttons provided by Google. | Don't: Create your own **Add to Google Wallet** buttons or alter the font, color, button radius, or padding within the button in any way. |\n| Do: Use the same style of button throughout your site. | Don't: Make the **Add to Google Wallet** buttons smaller than other buttons. |\n| Do: Ensure that the size of the **Add to Google Wallet** buttons remain equal to or larger than other buttons. | Don't: Alter the button color. |\n| Do: Keep the button ratio the same when resizing the **Add to Google Wallet** buttons. | Don't: Free-scale the button. |\n| Do: Use the provided localized version of the buttons. | Don't: Create your own localized version of the button. |\n\nBest practices for button placement\n-----------------------------------\n\n\nDisplay the **Add to Google Wallet** button on confirmation app\nscreens, web pages, or emails. Refer to the following best practices to guide your UI\ndesign.\n\n### Hotel Keys\n\n\nDisplay the **Add to Google Wallet** button on confirmation\nscreens.\nImage coming soon\n\nUse of the Google Wallet product name in text\n---------------------------------------------\n\n\nYou can use text to indicate to the user that their Hotel Key\nis saved to their device.\n\n### Capitalize the letters \"G\" and \"W\"\n\n\nAlways use an uppercase \"G\" and an uppercase \"W\" followed by lowercase letters\nto refer to Google Wallet. Don't capitalize the full name\n\"Google Wallet\" unless it's to match the typographic style in your UI.\n\n### Don't abbreviate Google Wallet\n\nAlways write out the words \"Google\" and \"Wallet.\"\n\n### Match the style in your UI\n\n\nSet \"Google Wallet\" in the same font and typographic style as the rest\nof the text in your UI. Don't mimic Google's typographic style.\n\n### Always use the localized version of \"Google Wallet\"\n\nAlways write \"Google Wallet\" in the provided localized copy."]]
