Express Component

Accept one-click payment methods in your checkout.

🚧

This feature of Mollie Components is in private beta.

If you are interested in early access you can reach out to us.


checkout.create('express-checkout', options?)

Creates an Express Component. The options object can be used to decide which payment methods will be displayed.

const express = checkout.create('express-checkout');
express.mount('#express-checkout');

Parameters


type 'express-component' required

The type of component to create.


options object

Options to configure the component.

Options properties

buttonsobject
Configurations for individual buttons rendered in the component.

Properties

applepayobject

Properties

visibility 'automatic' | 'hidden'
Control visibility for Apple Pay.

googlepayobject

Properties

visibility 'automatic' | 'hidden'
Control visibility for Google Pay.

paypalobject

Properties

visibility 'automatic' | 'hidden'
Control visibility for PayPal.


Methods


.mount(target: string | HTMLElement): Promise<this>

Renders the component into a CSS selector or HTML element. Resolves when the component is ready.


.unmount(): Promise<this>

Tears down and cleans up the component.