Демонстрации Google Pay в реальном времени

На этой странице содержатся живые демонстрации Google Pay, которые вы можете редактировать в JavaScript или JSFiddle.

Простой пример

Ниже показан базовый пример кнопки Google Pay в действии. Пример её работы можно найти в приведённом рядом коде.

Пример изменения размера кнопки

Ниже показано, как изменить размер кнопки Google Pay. Вызовите createButton , установив свойство buttonSizeMode на fill , а затем задайте размер для #container div .

Пример авторизации платежей

Ниже приведен пример того, как можно авторизовать платеж перед его обработкой.

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

Вы можете обработать запрос на авторизацию платежа, следуя этим инструкциям:

1. Зарегистрируйте обратный вызов onPaymentAuthorized() в PaymentOptions .
2. Вызовите функцию loadPaymentData() с намерением обратного вызова PAYMENT_AUTHORIZATION .
3. Реализуйте обработчик обратного вызова onPaymentAuthorized() .

Нажмите ссылку «Изменить в JSFiddle» , чтобы отредактировать код и попробовать его самостоятельно.

Пример динамического обновления цены

Функция динамического обновления цен позволяет вам динамически корректировать общую цену с учетом изменений адреса доставки и вариантов доставки.

Для настройки динамического обновления цен выполните следующие шаги:

1. Зарегистрируйте оба обратных вызова onPaymentAuthorized и onPaymentDataChanged в PaymentOptions .
2. Вызовите функцию loadPaymentData() с обратным вызовом. Подробнее см. в соответствующем примере .
3. Реализуйте onPaymentAuthorized и onPaymentDataChanged .

Нажмите ссылку «Изменить в JSFiddle» , чтобы отредактировать код и попробовать его самостоятельно.