با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
اگر در حال توسعه برای کاربران در RU هستید، لطفاً از دکمه‌های «ذخیره در تلفن» استفاده کنید زیرا Google Wallet در این کشورها فعال نیست. لطفا دارایی ها و دستورالعمل های مربوطه را ببینید. اگر در حال توسعه برای کاربران خارج از RU هستید، لطفاً دکمه افزودن به Google Wallet خود را با دانلود دارایی های زیر به روز کنید.
این بخش از مستندات برای کمک به شما در ایجاد تصاویر و سایر عناصر رابط کاربری طراحی شده است تا در برنامه Google Wallet عالی به نظر برسند.
دارایی ها
دکمه افزودن به Google Wallet
دکمه افزودن به Google Wallet زمانی استفاده می‌شود که به کاربران دستور می‌دهید گذرنامه یا کارتی را از برنامه یا وب‌سایت خود در کیف پول خود ذخیره کنند. دکمه افزودن به Google Wallet باید یکی از جریان‌های API Google Wallet را فراخوانی کند. این جریان‌ها در برنامه Google Wallet ظاهر می‌شوند که در آن کاربران می‌توانند دستورالعمل‌ها را برای ذخیره مجوزها در دستگاه Android و حساب Google خود دنبال کنند. این دکمه را می توان در برنامه ها، وب سایت ها یا ایمیل ها استفاده کرد.
دکمه‌های افزودن به کیف پول Google در قالب Android XML، SVG و PNG در دسترس هستند.
دکمه View in Google Wallet برای پیوند عمیق یک کاربر به کیف پول خود برای مشاهده پاس یا کارت ذخیره شده قبلی استفاده می شود. این دکمه را می توان در برنامه ها، وب سایت ها یا ایمیل ها استفاده کرد.
دکمه‌های View in Google Wallet در قالب‌های SVG و PNG در دسترس هستند.
همه دکمه‌های نمایش داده شده در سایت، برنامه یا ارتباطات ایمیل شما باید از دستورالعمل‌های نام تجاری که در این صفحه توضیح داده شده است، پیروی کنند. نمونه‌هایی از این دستورالعمل‌ها شامل موارد زیر است، اما به آنها محدود نمی‌شود:
اندازه نسبت به سایر دکمه ها یا عناصر مشابه صفحه
شکل و رنگ دکمه ها نباید تغییر کند
فضای خالی
دکمه های محلی
دکمه های محلی Google Wallet برای همه بازارهایی که Wallet در آنها موجود است ارائه شده است. اگر در حال توسعه برای کاربران در این بازارها هستید، همیشه از دکمه های لینک شده در بالا استفاده کنید. نسخه خود را از دکمه ها ایجاد نکنید . اگر نسخه بومی سازی شده دکمه در بازار شما موجود نیست، از نسخه انگلیسی دکمه استفاده کنید.
دکمه های افزودن به کیف پول Google به زبان های آلبانیایی، عربی، ارمنی، آذربایجان، بوسنیایی، بلغاری، کاتالان، چینی (هنگ کنگ)، چینی (سنتی)، کرواتی، چک، دانمارکی، هلندی، انگلیسی (هند، سنگاپور، آفریقای جنوبی، استرالیا، کانادا، بریتانیا، ایالات متحده آمریکا)، استونیایی، فیلیپینی، فنلاندی، فرانسوی (کانادا)، فرانسوی (فرانسه)، ژاپنی، گرجی، مجارستانی، آلمانی، ایتالیایی، ایتالیایی، مجارستانی، یونانی، ایتالیایی، ایتالیایی، مجارستانی، آلمانی در دسترس هستند. زبان های قرقیزی، لتونیایی، لیتوانیایی، مقدونی، مالایی، نروژی، لهستانی، پرتغالی (برزیل)، پرتغالی (پرتغال)، رومانیایی، روسی (بلاروس)، صربی، اسلواکی، اسلوونیایی، اسپانیایی (آمریکای لاتین)، اسپانیایی (اسپانیا)، سوئدی، تایلندی، ترکی، اوکراینی، ازبکی و ویتنامی.
نام محلی
برای وضوح کاربر، نام محصول Google Wallet در بازارهای منتخب بومی سازی شده است. اگر در حال توسعه برای کاربران در این کشورها هستید، همیشه از نام محلی زیر برای وب، ایمیل و چاپ استفاده کنید. نسخه بومی سازی شده «Google Wallet» خود را ایجاد نکنید. اگر بازار شما در فهرست زیر نیست، از «Google Wallet» به زبان انگلیسی استفاده کنید.
کشور
نام
بلاروس
Google Koshelek
برزیل
Carteira do Google
شیلی
Billetera de Google
چک
Peněženka گوگل
یونان
پورتوفولی گوگل
هنگ کنگ
گوگل 錢包
لیتوانی
Google Pinigine
لهستان
پورفل گوگل
پرتغال
کارتیرا دا گوگل
رومانی
پورتوفل گوگل
اسلواکی
Peňazhenka گوگل
تایوان
گوگل 錢包
ترکیه
Google Cüzdan
امارات متحده عربی
محفظة گوگل
اوکراین
Google Gamanecь
ایالات متحده (اسپانیایی) *اگر رابط کاربری شما به زبان اسپانیایی است از این نام در ایالات متحده استفاده کنید
Billetera de Google
اندازه
ارتفاع و عرض دکمه Add to Google Wallet را متناسب با چیدمان خود تنظیم کنید. اگر دکمه‌های دیگری در صفحه وجود دارد، دکمه افزودن به کیف پول Google باید مساوی یا بزرگتر باشد. دکمه Add to Google Wallet را کوچکتر از دکمه های دیگر نکنید.
سبک
دکمه‌های افزودن به کیف پول Google در دو نوع اصلی و فشرده در دسترس هستند. دکمه افزودن به کیف پول گوگل فقط مشکی است. نسخه های محلی دکمه ارائه شده است. دکمه هایی با متن بومی سازی شده خود ایجاد نکنید.
اولیه
متراکم شده
از دکمه اصلی در پس زمینه های سفید و روشن استفاده کنید.
اگر فضای کافی برای اصلی یا تمام عرض وجود ندارد از دکمه متراکم استفاده کنید.
فضای خالی
همیشه حداقل فضای خالی 8 dp را در هر طرف دکمه افزودن به Google Wallet حفظ کنید. اطمینان حاصل کنید که فضای خالی هرگز با گرافیک یا متن شکسته نشود.
حداقل ارتفاع
همه دکمه‌های افزودن به Google Wallet باید حداقل ارتفاع 48 dp داشته باشند.
بایدها و نبایدها
داس
نباید
انجام دهید: فقط از دکمه های افزودن به Google Wallet ارائه شده توسط Google استفاده کنید.
انجام ندهید: دکمه‌های افزودن به Google Wallet خود را ایجاد کنید یا فونت، رنگ، شعاع دکمه یا بالشتک داخل دکمه را به هر نحوی تغییر دهید.
انجام دهید: از همان سبک دکمه در سراسر سایت خود استفاده کنید.
نباید: دکمه های افزودن به Google Wallet را کوچکتر از دکمه های دیگر کنید.
انجام دهید: اطمینان حاصل کنید که اندازه دکمه‌های افزودن به Google Wallet برابر یا بزرگتر از دکمه‌های دیگر باقی می‌ماند.
نباید: رنگ دکمه را تغییر دهید.
انجام دهید: هنگام تغییر اندازه دکمه‌های افزودن به کیف پول Google، نسبت دکمه‌ها را یکسان نگه دارید.
انجام ندهید: دکمه را مقیاس آزاد کنید.
انجام دهید: از نسخه بومی‌سازی شده دکمه‌ها استفاده کنید.
Don't: نسخه بومی سازی شده خود را از دکمه ایجاد کنید.
بهترین روش ها برای قرار دادن دکمه
دکمه افزودن به Google Wallet را در صفحه‌های تأیید برنامه، صفحات وب یا ایمیل‌ها نمایش دهید. برای راهنمایی طراحی UI خود به بهترین روش های زیر مراجعه کنید.
کلید هتل
دکمه افزودن به Google Wallet را در صفحه‌های تأیید نمایش دهید.
تصویر به زودی
استفاده از نام محصول Google Wallet در متن
می توانید از متن استفاده کنید تا به کاربر نشان دهید که کلید هتل او در دستگاهش ذخیره شده است.
حروف "G" و "W" را بزرگ بنویسید
همیشه از حروف بزرگ "G" و بزرگ "W" و به دنبال آن حروف کوچک برای مراجعه به Google Wallet استفاده کنید. نام کامل «Google Wallet» را با حروف بزرگ ننویسید، مگر اینکه با سبک تایپوگرافی در رابط کاربری شما مطابقت داشته باشد.
Google Wallet را مخفف نکنید
همیشه کلمات "Google" و "Wallet" را یادداشت کنید.
سبک در UI خود را مطابقت دهید
«Google Wallet» را با فونت و سبک تایپوگرافی مشابه بقیه متن در رابط کاربری خود تنظیم کنید. سبک تایپوگرافی گوگل را تقلید نکنید.
همیشه از نسخه بومی سازی شده «Google Wallet» استفاده کنید
همیشه در نسخه بومی سازی شده ارائه شده، «Google Wallet» را بنویسید.
تاریخ آخرین بهروزرسانی 2025-07-25 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 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."]]
