با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
این دستورالعمل‌ها به شما کمک می‌کنند Google Wallet API را در برنامه‌ها یا وب‌سایت‌های خود پیاده‌سازی کنند.
دکمه ذخیره در Google Pay
دکمه Save to Google Pay باید با یکی از Google Pay API برای جریان‌های Passes تماس بگیرد. این جریان‌ها روی صفحه‌ای ظاهر می‌شوند که در آن کاربران می‌توانند کارت‌های سوار شدن، بلیط‌های رویداد یا حمل‌ونقل، کارت‌های وفاداری، کارت‌های هدیه و پیشنهادات را در دستگاه Android خود ذخیره کنند. این دکمه را می توان در برنامه های تجاری، وب سایت ها، ایمیل ها یا پیامک ها استفاده کرد.
دارایی های
دکمه های ذخیره در Google Pay به صورت فایل های EPS و SVG در دسترس هستند.
همه دکمه‌های ذخیره در Google Pay که در سایت، برنامه یا ارتباطات ایمیل شما نمایش داده می‌شوند باید از دستورالعمل‌های برند ما که در این صفحه توضیح داده شده‌اند، پیروی کنند. آنها شامل موارد زیر هستند، اما به آنها محدود نمی شوند:
اندازه نسبت به سایر دکمه ها یا عناصر مشابه صفحه
کنتراست با رنگ پس زمینه محیط اطراف
فضای خالی
دکمه‌های ذخیره در Google Pay به زبان‌های زیر در دسترس هستند: عربی، کرواتی، چکی، دانمارکی، هلندی، انگلیسی، فنلاندی، فرانسوی، آلمانی، اندونزیایی، ایتالیایی، ژاپنی، کره‌ای، نروژی (بوکمال)، لهستانی، پرتغالی، روسی، چینی ساده، اسلواکی، اسپانیایی، سوئدی، تایلندی، چینی سنتی و اوکراینی.
اندازه
ارتفاع و عرض دکمه ذخیره در Google Pay را متناسب با چیدمان خود تنظیم کنید. اگر دکمه‌های دیگری در صفحه وجود دارد، دکمه Save to Google Pay باید اندازه یا بزرگتر از این دکمه‌ها باشد. دکمه Save to Google Pay را کوچکتر از دکمه های دیگر نکنید.
سبک
دکمه‌های Save to Google Pay در سه نوع موجود هستند: سیاه، سفید و سفید با طرح کلی سیاه. دکمه هایی با نسخه های محلی از متن ارائه شده است. دکمه هایی با متن بومی سازی شده خود ایجاد نکنید.
مشکی
سفید
سفید با طرح کلی
برای ایجاد کنتراست از دکمه سیاه روی پس زمینه سفید یا روشن استفاده کنید. از دکمه سیاه در پس زمینه های تیره استفاده نکنید. در عوض، از دکمه سفید استفاده کنید.
از دکمه سفید روی پس‌زمینه‌های تیره یا رنگارنگ استفاده کنید. از دکمه سفید در پس زمینه های سفید یا روشن استفاده نکنید. در عوض، از دکمه سیاه یا دکمه سفید با طرح کلی استفاده کنید.
از دکمه سفید با طرح کلی به عنوان جایگزینی برای دکمه سیاه در زمینه های سفید یا روشن استفاده کنید. از این دکمه در پس زمینه های تیره یا رنگارنگ استفاده نکنید. به جای آن از دکمه سفید استاندارد استفاده کنید.
فضای خالی
همیشه حداقل فضای خالی 8 dp را در همه طرف‌های دکمه ذخیره در Google Pay حفظ کنید. اطمینان حاصل کنید که فضای خالی هرگز با گرافیک یا متن شکسته نشود.
حداقل ارتفاع
همه دکمه‌های Save to Google Pay باید حداقل 36 dp ارتفاع داشته باشند.
باید ها و نباید ها
داس
نباید
انجام دهید: فقط از دکمه های ذخیره در Google Pay ارائه شده توسط Google استفاده کنید.
انجام ندهید: دکمه‌های ذخیره در Google Pay خود را ایجاد نکنید یا فونت، رنگ، شعاع دکمه، یا بالشتک داخل دکمه را به هیچ وجه تغییر ندهید.
انجام دهید: از همان سبک دکمه در سراسر سایت خود استفاده کنید. اگر رنگ پس‌زمینه تغییر کند، ممکن است رنگ دکمه‌ها تطبیق یابد.
نباید: دکمه‌های ذخیره در Google Pay را کوچکتر از دکمه‌های دیگر نکنید.
انجام دهید: مطمئن شوید که اندازه دکمه‌های ذخیره در Google Pay برابر یا بزرگتر از دکمه‌های دیگر باقی می‌ماند.
نباید: از رنگ دکمه ای که شبیه پس زمینه است استفاده نکنید. به عنوان مثال، از دکمه سفید در زمینه سفید استفاده نکنید.
انجام دهید: مطمئن شوید که رنگ دکمه ای را انتخاب کرده اید که با پس زمینه شما تضاد داشته باشد.
Don't: دکمه را آزاد نکنید.
انجام دهید: هنگام تغییر اندازه دکمه‌های Save to Google Pay، نسبت دکمه‌ها را یکسان نگه دارید.
بهترین روش ها برای قرار دادن دکمه
برای به حداکثر رساندن تعداد اشیاء ذخیره شده، دکمه های Save to Google Pay را به صورت برجسته در برنامه، وب سایت یا ایمیل خود نمایش دهید. برای دریافت تأییدیه برند از Google، باید بهترین شیوه های زیر را رعایت کنید.
کارت های وفاداری
توصیه می‌کنیم دکمه ذخیره در Google Pay را در نزدیکی تجربیات کاربر در برنامه، سایت یا ارتباطات ایمیلی خود قرار دهید، جایی که اطلاعات وفاداری مشتری فعلی را نمایش می‌دهید. همچنین نمایش دکمه روی صفحه‌های تأیید که بلافاصله پس از ثبت نام کاربران برای برنامه وفاداری شما در برنامه یا وب‌سایت شما ظاهر می‌شوند، مفید است.
کارت هدیه
توصیه می‌کنیم دکمه ذخیره در Google Pay را روی صفحه تأییدی که پس از خرید یک کارت هدیه توسط کاربر در برنامه یا وب‌سایت شما ظاهر می‌شود، قرار دهید. همچنین ایده خوبی است که دکمه را در هر ایمیلی که به گیرنده کارت هدیه تحویل داده می شود، نمایش دهید.
ارائه می دهد
توصیه می‌کنیم دکمه ذخیره در Google Pay را در نزدیکی صفحه‌ها یا صفحاتی در برنامه یا وب‌سایت خود قرار دهید که کاربران به پیشنهادات دسترسی دارند. برای نتایج بهتر، بسیار توصیه می شود که دکمه را در هر ارتباط ایمیلی در مورد پیشنهاد اضافه کنید.
بلیط رویداد و حمل و نقل
دکمه ذخیره در Google Pay را در پایان جریان خرید خود یا روی صفحه‌های برنامه تأیید، صفحات وب یا ایمیل‌ها نمایش دهید. توصیه می‌کنیم دکمه ذخیره در Google Pay را در جایی که کاربران به بلیط‌هایشان دسترسی دارند در برنامه یا وب‌سایت خود قرار دهید.
کارت پرواز
دکمه ذخیره در Google Pay را در پایان جریان خرید خود یا روی صفحه‌های برنامه تأیید، صفحات وب یا ایمیل‌ها نمایش دهید. همچنین می‌توانید دکمه ورود مسافران به پروازهای خود یا مشاهده کارت پرواز خود را در وب‌سایت یا برنامه خود نشان دهید یا آن را در ایمیل‌های مربوطه قرار دهید.
استفاده از نام محصول Google Pay در متن
می‌توانید از متن استفاده کنید تا به کاربر نشان دهید کارت پرواز، رویداد یا بلیط حمل‌ونقل، کارت وفاداری، کارت هدیه یا پیشنهاد او در دستگاهش ذخیره شده است.
حروف "G" و "P" را بزرگ بنویسید
همیشه از حروف بزرگ "G" و بزرگ "P" و به دنبال آن حروف کوچک برای مراجعه به Google Pay استفاده کنید. نام کامل «GOOGLE PAY» را با حروف بزرگ ننویسید، مگر اینکه با سبک تایپوگرافی در رابط کاربری شما مطابقت داشته باشد.
Google Pay را مخفف نکنید
همیشه کلمات "Google" و "Pay" را بنویسید.
سبک در UI خود را مطابقت دهید
«Google Pay» را با فونت و سبک چاپی مشابه بقیه متن در رابط کاربری خود تنظیم کنید. سبک تایپوگرافی گوگل را تقلید نکنید.
Google Pay را ترجمه نکنید
همیشه «Google Pay» را به انگلیسی بنویسید. آن را به زبان دیگری ترجمه نکنید.
تاریخ آخرین بهروزرسانی 2025-09-04 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2025-09-04 بهوقت ساعت هماهنگ جهانی."],[[["\u003cp\u003eThese guidelines provide instructions for implementing the Google Wallet API to enable users to save passes to Google Pay within apps or websites.\u003c/p\u003e\n"],["\u003cp\u003eThe "Save to Google Pay" button must adhere to specific brand guidelines, including size, style, and clear space requirements, and should be used consistently.\u003c/p\u003e\n"],["\u003cp\u003eStrategic button placement is crucial, with recommendations for optimal placement near loyalty information, purchase confirmations, and offer displays to maximize saved objects.\u003c/p\u003e\n"],["\u003cp\u003eWhen referring to Google Pay in text, ensure to capitalize "G" and "P", avoid abbreviations and translations, and maintain consistency with your overall UI style.\u003c/p\u003e\n"]]],["The guidelines detail how to use the \"Save to Google Pay\" button within apps, websites, or emails. These buttons, available in EPS and SVG formats, must adhere to specific size, style, and clear space requirements. They must link to Google Pay API flows, be equal to or larger than other buttons, and contrast with the background. The button is available in black, white, or white with outline. The name \"Google Pay\" should be used as described and must remain untranslated. Proper button placement near loyalty information, offers, and ticket confirmations is also key.\n"],null,["# Button guidelines\n\nThese guidelines are meant to help you implement the Google Wallet API within your\napps or websites.\n\nSave to Google Pay button\n-------------------------\n\nThe **Save to Google Pay** button must call one of the Google Pay API for\nPasses flows. These flows surface a screen where users can save boarding passes, event or\ntransit tickets, loyalty cards, gift cards, and offers to their Android device. This button\ncan be used in merchant apps, websites, emails, or SMS.\n\n### Assets\n\nThe **Save to Google Pay** buttons are available as EPS and SVG files.\n\n[Download assets - EPS](/static/wallet/download-assets/Save_to_Google_Pay_eps.zip)\n[Download assets - SVG](/static/wallet/download-assets/Save_to_Google_Pay_svg.zip)\n\nAll **Save to Google Pay** buttons displayed on your site, app, or email\ncommunications must adhere to our brand guidelines, which are described on this page.\nThey include, but aren't limited to, the following:\n\n- Size relative to other similar buttons or elements of the page\n- Contrast with the background color of the surrounding area\n- Clear space\n\nThe **Save to Google Pay** buttons are available in the following languages: Arabic,\nCroatian, Czech, Danish, Dutch, English, Finnish, French, German, Indonesian, Italian,\nJapanese, Korean, Norwegian (Bokmal), Polish, Portuguese, Russian, Simplified Chinese,\nSlovak, Spanish, Swedish, Thai, Traditional Chinese, and Ukranian.\n\n### Size\n\nAdjust the height and width of the **Save to Google Pay** button to fit your layout. If\nthere are other buttons on the page, the **Save to Google Pay** button needs to be equal\nin size to or larger than these buttons. Do not make the **Save to Google Pay** button\nsmaller than other buttons.\n\n### Style\n\nThe **Save to Google Pay** buttons are available in three variations: black, white, and white\nwith a black outline. Buttons with localized versions of the text are provided.\nDo not create buttons with your own localized text.\n\n|---------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| | | |\n| Black | White | White with outline |\n| Use the black button on white or light backgrounds to provide contrast. Do not use the black button on dark backgrounds. Instead, use the white button. | Use the white button on dark or colorful backgrounds. Do not use the white button on white or light backgrounds. Instead, use the black button or the white button with an outline. | Use the white button with an outline as an alternative to the black button on white or light backgrounds. Do not use this button on dark or colorful backgrounds; use the standard white button instead. |\n\n### Clear space\n\nAlways maintain the minimum clear space of 8 dp on all sides of the **Save to Google Pay**\nbutton. Ensure that the clear space is never broken with graphics or text.\n\n### Minimum height\n\nAll **Save to Google Pay** buttons need to have a minimum height of 36 dp.\n\n### Dos and don'ts\n\n| Dos | Don'ts |\n|-----------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------|\n| Do: Use only the **Save to Google Pay** buttons provided by Google. | Don't: Don't create your own **Save to Google Pay** 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. Button color may adapt if the color of the background changes. | Don't: Don't make the **Save to Google Pay** buttons smaller than other buttons. |\n| Do: Ensure that the size of the **Save to Google Pay** buttons remains equal to or larger than other buttons. | Don't: Don't use a button color that's similar to the background. For example, don't use the white button on a white background. |\n| Do: Ensure that you choose a button color that contrasts with your background. | Don't: Don't free scale the button. |\n| Do: Keep the button ratio the same when resizing the **Save to Google Pay** buttons. | |\n\nBest practices for button placement\n-----------------------------------\n\nTo maximize the number of saved objects, display the **Save to Google Pay** buttons\nprominently within your app, website, or email. You need to adhere to the following best\npractices in order to receive brand approval from Google.\n\n### Loyalty cards\n\nWe recommend that you place the **Save to Google Pay** button near user experiences\nin your app, site, or email communication where you display current customer loyalty\ninformation. It's also useful to display the button on confirmation screens that surface\nright after users sign up for your loyalty program in your app or website.\n\n### Gift cards\n\nWe recommend that you place the **Save to Google Pay** button on the confirmation\nscreen that surfaces after a user purchases a gift card in your app or website. It's\nalso a good idea to display the button in any email communication delivered to the\ngift card recipient.\n\n### Offers\n\nWe recommend that you place the **Save to Google Pay** button near screens or pages\nin your app or website where users access offers. For better results, it's highly recommended\nthat you include the button in any email communication about the offer.\n\n### Event and transit tickets\n\nDisplay the **Save to Google Pay** button at the end of your purchase flow or on\nconfirmation app screens, web pages, or emails. We recommend that you place the\n**Save to Google Pay** button where users access their tickets in your app or website.\n\n### Boarding passes\n\nDisplay the **Save to Google Pay** button at the end of your purchase flow or on\nconfirmation app screens, web pages, or emails. You can also display the button where\npassengers check in to their flights or view their boarding passes on your website or\napp, or include it in relevant emails.\n\nUse of the Google Pay product name in text\n------------------------------------------\n\nYou can use text to indicate to the user that their boarding pass, event or transit\nticket, loyalty card, gift card, or offer has been saved to their device.\n\n### Capitalize the letters \"G\" and \"P\"\n\nAlways use an uppercase \"G\" and an uppercase \"P\" followed by lowercase letters to\nrefer to Google Pay. Don't capitalize the full name \"GOOGLE PAY\" unless it's to match\nthe typographic style in your UI.\n\n### Don't abbreviate Google Pay\n\nAlways write out the words \"Google\" and \"Pay.\"\n\n### Match the style in your UI\n\nSet \"Google Pay\" in the same font and typographic style as the rest of the text in your UI.\nDo not mimic Google's typographic style.\n\n### Don't translate Google Pay\n\nAlways write \"Google Pay\" in English. Do not translate it to another language."]]
