Hosted checkout page
Mollie provides a hosted checkout environment dubbed Mollie Checkout. These hosted payment pages allow your customer to select their payment method of choice and to complete the payment.
Using Mollie Checkout is optional. We do recommend using it, since it is battle-tested and optimized for performance and conversion. If, however, you would like to provide a custom checkout experience, refer to our guide on building your own checkout.
Our full hosted checkout experience can be viewed on our Hosted Checkout demo.
More details are available on the Mollie Checkout product page on our website.
Benefits of Mollie Checkout
- Mollie’s hosted payment pages have been optimized for devices of all common brands and sizes, including phones and tablets.
- All payment methods you have enabled are – when relevant – shown to your customers. A newly activated payment method is available immediately for all of your visitors.
- If the customer’s first payment attempt is unsuccessful, for example because the customer has insufficient balance on their card, it is very easy for the customer to make another payment attempt with the same or even a different payment method. No need to implement any extra APIs.
- Full support for QR codes.
- Full support for wallet-style payments such as Apple Pay.
- Mollie optimizes the order of payment methods. For example, for Dutch customers we know to list iDEAL at the top while for Belgians the payment method Bancontact is listed first. We optimize this per country using A/B-testing. This way we help improve your conversion.
Personalize your checkout
It is possible to customize the checkout by adding your own brand images. You can upload a logo and a wallpaper. The image at the top of the page is a good example of a fully branded checkout page.
- Go to your Profiles.
- Click on a Personalize Checkout button.
- Upload images within the specified restrictions.
The personalization of a background can also be viewed on our Hosted Checkout demo.
Single-click payments for returning customers
Our hosted checkout offers your returning credit card customers the option to complete their payment with a card they previously used at your webshop.
To enable the functionality, simply use the Customers API to create a unique customer. When setting up the payment for this specific customer, use the customer ID from the Customers API in the customerId
field of the Payments API.
When setting up a subsequent payment for the same customer, the customer will automatically be shown any cards they previously used on the same device.
Customer consent is required to support one-click payments.
Updated 4 months ago