Ознакомьтесь с этими рекомендациями, чтобы правильно использовать элементы бренда Google Pay на своих сайтах.
Кнопки оплаты через Google Pay
Кнопка оплаты через Google Pay должна всегда вызывать Google Pay API. В ответ интерфейс инициирует появление страницы, на которой пользователи могут выбрать способ оплаты.
Объекты
Метод JavaScript createButton()
динамически добавляет правила каскадной таблицы стилей (CSS) и загружает из CDN Google файл в формате SVG для элемента HTML <button>
.
Все кнопки оплаты через Google Pay на сайте должны отвечать нашим правилам фирменного оформления, в том числе перечисленным ниже.
- Они не должны быть больше или меньше других аналогичных по функции элементов интерфейса. Размер кнопки можно настроить с помощью опции
buttonSizeMode
в APIcreateButton
. - Они не должны сливаться с фоном.
- Они должны быть окружены свободным пространством со всех сторон.
Если нужный вам язык не поддерживается или вы не можете использовать метод по иной причине, свяжитесь с нами.
"Оплатить через Google Pay"
Язык кнопки "Оплатить через Google Pay" автоматически выбирается в зависимости от настроек браузера пользователя. Дополнительную информацию можно найти в разделе ButtonOptions
.
"Пожертвовать через Google Pay"
Язык кнопки "Пожертвовать через Google Pay" автоматически выбирается в зависимости от настроек браузера пользователя. Дополнительную информацию можно найти в разделе ButtonOptions
.
Стиль
Существует два варианта кнопки оплаты через Google Pay: черный и белый. Каждый из них доступен с надписью "Оплатить через" и без нее. Также есть кнопки оплаты с текстом "Оплатить через" на разных языках; их можно найти в разделе Объекты. Название бренда Google Pay всегда должно быть на английском. Самостоятельно переводить надписи на кнопках нельзя.
Черный | Белый |
![]() |
![]() |
Черные кнопки следует добавлять на белый или светлый фон – это обеспечит необходимый контраст. |
Белые кнопки нужно размещать на темном или цветном фоне. |
Свободное пространство
Кнопка оплаты должна быть окружена свободным пространством со всех сторон. Расстояние до ближайшего рисунка или текстового элемента должно составлять не менее 8 dp. В свободном пространстве не должно быть графических или текстовых элементов.

Примеры

Если кнопка оплаты через Google Pay расположена рядом с кнопками других платежных сервисов, она не должна быть больше или меньше них по размеру. | Кнопка Google Pay должна находиться на контрастном фоне. |

Когда вы изменяете размер кнопки Google Pay для своего ресурса, соблюдайте требования в отношении ее ширины, высоты и полей. |
Рекомендации
Что следует делать | Чего делать нельзя |
---|---|
|
|
Символ Google Pay
Указывая сервис Google Pay в качестве способа оплаты, добавляйте только символ Google Pay, представленный в этих правилах.
Объекты
Чтобы скачать символ Google Pay в формате файла SVG, нажмите кнопку ниже:
СкачатьСимвол
Добавьте символ Google Pay на страницы, где сервис указан в качестве способа оплаты.

Если рядом с символами других компаний указаны их названия, вместе с символом нашего сервиса разместите надпись "Google Pay". Сохраните исходный цвет и ширину контура и не меняйте сам символ. Используйте только вариант, предоставленный Google.
Свободное пространство
Оставьте вокруг символа Google Pay столько же свободного пространства, сколько и вокруг других фирменных знаков. Расстояние до ближайшего рисунка или текстового элемента должно составлять не менее половины высоты буквы G.

Размер
Используйте логотип такой же высоты, как и у других логотипов и символов, представленных на странице оплаты. Символ Google Pay не должен быть меньше других фирменных знаков.

Рекомендации
Что следует делать | Чего делать нельзя |
---|---|
|
|
Google Pay в тексте
Вы можете писать, что принимаете оплату через Google Pay, и упоминать наш сервис в маркетинговых материалах.
Пишите оба слова в названии сервиса с заглавной буквыЗаглавными должны быть только первые буквы слов: G и P. Писать полное название заглавными буквами (GOOGLE PAY) можно, только если остальные текстовые элементы сайта представлены в таком же виде. Делать это в маркетинговых материалах запрещается.
Не пишите название Google Pay в форме аббревиатурыВсегда пишите оба слова полностью.
Придерживайтесь того же оформления, которое используется на сайтеНазвание сервиса должно быть написано тем же шрифтом, который используется для остального текста. Не пытайтесь копировать шрифтовое оформление Google.
Не переводите название Google PayОно должно быть написано на английском языке. Переводить его не нужно.
Добавляйте символ товарного знака к первому упоминанию Google Pay в маркетинговых текстахКогда название Google Pay упоминается в рекламных материалах впервые или в особо значимом месте, рядом с ним должен быть надстрочный символ ™. Добавлять его к названию сервиса на странице с выбором способа оплаты не нужно.

Если на странице нет изображений, которые относятся к другим способам оплаты, то добавлять их для Google Pay не нужно. Достаточно написать название сервиса. | Оно должно быть написано тем же шрифтом, который используется для остального текста на сайте. |
Рекомендации по работе с Google Pay
Хотите получать как можно больше конверсий? Настройте процесс и страницы оплаты так, чтобы покупателям было удобно проверять свои платежные данные и подтверждать покупки.
Ознакомьтесь со следующими рекомендациями.
Сделайте Google Pay основным способом оплатыМы рекомендуем добавить кнопку оплаты через Google Pay на заметное место и сделать наш сервис основным или единственным способом оплаты.
Позвольте клиентам совершать покупки без регистрацииНеобходимость создавать аккаунт замедляет процесс покупки. В результате пользователь может покинуть магазин, не оформив заказ. Используйте оплату через Google Pay, чтобы посетители могли быстро оплачивать покупки без регистрации. Предложение создать аккаунт можно перенести на этап, следующий за оформлением покупки.
Используйте Google Pay для запуска процесса оплатыНажимая кнопку Google Pay, пользователь переходит на страницу оплаты. Там он может только выбрать и подтвердить один способ оплаты, а также указать адрес доставки. Всю остальную необходимую информацию он должен указать до того, как нажмет на кнопку Google Pay. Дополнительная информация может включать следующее:
- размер, цвет или количество товара;
- возможность добавить комментарий для подарка или применить промокод;
- возможность выбрать другие виды доставки и пункты назначения для отдельных товаров.
Если пользователь не предоставил необходимые данные, сообщите ему об этом до перехода на страницу оплаты.
Добавьте кнопку оплаты через Google Pay не только на страницу корзины, но и на страницы с информацией о товареВы можете позволить клиентам переходить к оформлению покупки прямо со страницы товара. В этом случае при нажатии кнопки Google Pay не должны учитываться другие товары, находящиеся в корзине, поскольку на странице оплаты можно только подтвердить платежные данные и сведения о доставке.
Добавляйте информацию о Google Pay в квитанции и на страницы подтвержденияУказывайте на страницах подтверждения и в квитанциях, которые вы отправляете по электронной почте, что оплата была выполнена через Google Pay. Добавьте на них логотип или символ Google Pay.
Никогда не показывайте полные номера счетов, сроки действия карт и другие платежные данные. Вместо этого используйте описание способа оплаты, предоставленное Google Pay API.
Примеры допустимых текстов:
- "Сеть •••• 1234 через Google Pay"
- "Сеть •••• 1234 (Google Pay)"
- "Google Pay (Сеть •••• 1234)"
- "PayPal abc...d@gmail.com через Google Pay"
- "Способ оплаты: Google Pay"
- "Оплачено через Google Pay"

Объедините части кода
Полная интеграция показана на рисунке ниже. Интеграция также включает такие шаги, как выбор товара, предзаказ, транзакция, выбор способа оплаты Google Pay и добавление отзыва.

Согласование
После того как вы завершите интеграцию с Google Pay API, вам потребуется согласовать все места размещения кнопок Google Pay и ссылок на сервис на сайте. Только после этого мы предоставим вам доступ к рабочей версии.
Выполните все условия, указанные в Контрольном списке интеграции, чтобы отправить заявку на интеграцию. Мы проведем проверку и свяжемся с вами в течение одного рабочего дня.