@bigcommerce/checkout-sdk / ChasePayInitializeOptions
A set of options that are required to initialize the Chase Pay payment method.
<!-- This is where the Chase Pay button will be inserted -->
<div id="wallet-button"></div>
service.initializePayment({
methodId: 'chasepay',
chasepay: {
walletButton: 'wallet-button',
},
});
Additional options can be passed in to customize the fields and register event callbacks.
<!-- This is where the Chase Pay logo will be inserted -->
<div id="logo"></div>
service.initializePayment({
methodId: 'chasepay',
chasepay: {
walletButton: 'wallet-button',
logoContainer: 'logo',
onPaymentSelect() {
console.log('Selected');
},
onCancel() {
console.log('Cancelled');
},
},
});
• Optional
logoContainer: string
This container is used to host the chasepay branding logo. It should be an HTML element.
• 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 ChasePay wallet modal by clicking on a button. It should be an HTML element.
▸ Optional
onCancel(): void
A callback that gets called when the customer cancels their payment selection.
void
▸ Optional
onPaymentSelect(): void
A callback that gets called when the customer selects a payment option.
void