@bigcommerce/checkout-sdk / GooglePayPaymentInitializeOptions
A set of options that are required to initialize the GooglePay payment method
If the customer chooses to pay with GooglePay, they will be asked to enter their payment details via a modal. You can hook into events emitted by the modal by providing the callbacks listed below.
<!-- This is where the GooglePay button will be inserted -->
<div id="wallet-button"></div>
service.initializePayment({
// Using GooglePay provided by Braintree as an example
methodId: 'googlepaybraintree',
googlepaybraintree: {
walletButton: 'wallet-button'
},
});
Additional event callbacks can be registered.
service.initializePayment({
methodId: 'googlepaybraintree',
googlepaybraintree: {
walletButton: 'wallet-button',
onError(error) {
console.log(error);
},
onPaymentSelect() {
console.log('Selected');
},
},
});
• Optional
walletButton: string
This walletButton is used to set an event listener, provide an element ID if you want users to be able to launch the GooglePay wallet modal by clicking on a button. It should be an HTML element.
▸ Optional
onError(error
): void
A callback that gets called when GooglePay fails to initialize or selects a payment option.
Name | Type | Description |
---|---|---|
error |
Error |
The error object describing the failure. |
void
▸ Optional
onPaymentSelect(): void
A callback that gets called when the customer selects a payment option.
void