[@bigcommerce/checkout-sdk](../README.md) / BigCommercePaymentsPayLaterPaymentInitializeOptions

# Interface: BigCommercePaymentsPayLaterPaymentInitializeOptions

A set of options that are required to initialize the BigCommercePayments PayLater payment
method for presenting its BigCommercePayments PayLater button.

Also, BigCommercePayments requires specific options to initialize the BigCommercePayments Smart Payment Button on checkout page that substitutes a standard submit button
```html
<!-- This is where the BigCommercePayments PayLater button will be inserted -->
<div id="container"></div>
```

```js
service.initializePayment({
    methodId: 'bigcommerce_payments_paylater',
    bigcommerce_payments_paylater: {
        container: '#container',
// Callback for submitting payment form that gets called when a buyer approves BigCommercePayments payment
        submitForm: () => {
        // Example function
            this.submitOrder(
               {
                  payment: { methodId: 'bigcommerce_payments_paylater', }
              }
           );
        },
// Callback is used to define the state of the payment form, validate if it is applicable for submit.
        onValidate: (resolve, reject) => {
        // Example function
            const isValid = this.validatePaymentForm();
            if (isValid) {
                return resolve();
            }
            return reject();
        },
// Callback that is called right before render of a Smart Payment Button. It gets called when a buyer is eligible for use of the particular BigCommercePayments method. This callback can be used to hide the standard submit button.
        onRenderButton: () => {
        // Example function
            this.hidePaymentSubmitButton();
        }
    },
});
```

## Table of contents

### Properties

- [bannerContainerId](BigCommercePaymentsPayLaterPaymentInitializeOptions.md#bannercontainerid)
- [container](BigCommercePaymentsPayLaterPaymentInitializeOptions.md#container)

### Methods

- [onError](BigCommercePaymentsPayLaterPaymentInitializeOptions.md#onerror)
- [onRenderButton](BigCommercePaymentsPayLaterPaymentInitializeOptions.md#onrenderbutton)
- [onValidate](BigCommercePaymentsPayLaterPaymentInitializeOptions.md#onvalidate)
- [submitForm](BigCommercePaymentsPayLaterPaymentInitializeOptions.md#submitform)

## Properties

### bannerContainerId

• `Optional` **bannerContainerId**: `string`

The location to insert the Pay Later Messages.

___

### container

• `Optional` **container**: `string`

The CSS selector of a container where the payment widget should be inserted into.

## Methods

### onError

▸ **onError**(`error`): `void`

A callback for displaying error popup. This callback requires error object as parameter.

#### Parameters

| Name | Type |
| :------ | :------ |
| `error` | `Error` |

#### Returns

`void`

___

### onRenderButton

▸ **onRenderButton**(): `void`

A callback right before render Smart Payment Button that gets called when
Smart Payment Button is eligible. This callback can be used to hide the standard submit button.

#### Returns

`void`

___

### onValidate

▸ **onValidate**(`resolve`, `reject`): `Promise`\<`void`\>

A callback that gets called when a buyer click on Smart Payment Button
and should validate payment form.

#### Parameters

| Name | Type | Description |
| :------ | :------ | :------ |
| `resolve` | () => `void` | A function, that gets called if form is valid. |
| `reject` | () => `void` | A function, that gets called if form is not valid. |

#### Returns

`Promise`\<`void`\>

reject() or resolve()

___

### submitForm

▸ **submitForm**(): `void`

A callback for submitting payment form that gets called
when buyer approved BigCommercePayments account.

#### Returns

`void`