Правила фирменного оформления Google

Ознакомьтесь с этими рекомендациями, чтобы правильно использовать бренд Google Pay на сайтах.

Кнопки оплаты через Google Pay

Кнопка оплаты через Google Pay должна всегда вызывать Google Pay API. В ответ интерфейс инициирует появление страницы, на которой пользователи могут выбрать способ оплаты.

Объекты

В утилиту JavaScript createButton() динамически встроены правила каскадной таблицы стилей (CSS). В ней также есть файлы в формате SVG, загруженные из CDN Google для элемента HTML <button>. Язык кнопки "Оплатить через Google Pay" автоматически выбирается в зависимости от настроек браузера пользователя.

Все кнопки оплаты через Google Pay на сайте должны отвечать нашим правилам фирменного оформления, в том числе перечисленным ниже.

• Они не должны быть больше или меньше других аналогичных по функции элементов интерфейса.
• Не должны сливаться с фоном.
• Должны быть окружены свободным пространством со всех сторон.

Если нужный вам язык не поддерживается или вы не можете использовать утилиту по иной причине, свяжитесь с нами.

Стиль

Существует два варианта кнопки оплаты через Google Pay: черный и белый. Каждый из них доступен с надписью "Оплатить через" и без нее. Также есть кнопки оплаты с текстом "Оплатить через" на разных языках. Название бренда Google Pay всегда должно быть на английском. Самостоятельно переводить надписи на кнопках нельзя.

Черный	Белый
Черные кнопки следует добавлять на белый или светлый фон, чтобы обеспечить необходимый контраст.	Белые кнопки нужно размещать на темном или цветном фоне.

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

Кнопка Google Pay должна находиться на контрастном фоне.

Когда вы масштабируете кнопку Google Pay для своего ресурса, соблюдайте пропорции и проверяйте, корректно ли отображается ее текст.

Рекомендации

Что следует делать

Чего делать нельзя

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

Самостоятельно создавать кнопки 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 на каждую страницу на пути к оформлению покупки.

Рекомендации

Что следует делать	Чего делать нельзя
Добавлять в приложение только те символы Google Pay, которые предлагаются Google. Использовать символ Google Pay, чтобы указывать наш сервис в качестве способа оплаты.	Создавать символы Google Pay самостоятельно или менять уже существующие. Переводить слово "Pay" на другой язык. Использовать символ 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 [e-mail] через Google Pay".
• "Способ оплаты: Google Pay" или "Оплачено через Google Pay".

На этих изображениях показан рекомендуемый процесс оплаты покупки через Google Pay.

На страницах подтверждения и в квитанциях, рассылаемых по электронной почте, указывайте, что оплата была выполнена через Google Pay.

Как получить одобрение

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

Как подать заявку

Выполните все пункты контрольного списка интеграции, прежде чем отправить заявку. Мы проведем проверку и свяжемся с вами в течение одного рабочего дня.