Optional configurations

Features that can be configured per merchant needs.

Payment Component height auto adjustment (autoHeight)

autoHeight: boolean

Default value: true

The component always occupies the full available width and adapts the layout to provide the best experience depending on the available space.

The height of the payment component content varies (it depends i.e. on the number of banks available in the country). By default, the payment component will adjust its height to fit the iFrame content height. It prevents displaying scrollbars, which is a more user friendly solution, but this feature can be disabled, if needed.

Possible configuration: enabled/disabled

  • When enabled (true):

The height of the component will change automatically, depending on the content of the iFrame.

  • When disabled (false):

The height of the component is restricted by the height of the wrapper, heightChange event can be used to implement the size adjustment.

Pay button display (displayPayButton)

displayPayButton: boolean

Default value: true

Possible configuration: enabled/disabled

  • When enabled (true):

The pay button is visible inside the iFrame and its state is controlled by a Payment Component.

  • When disabled (false):

The pay button is hidden inside the iFrame. In this case, the merchant should use their own pay button which should be triggered by calling paymentContainer.checkout().