Customer Payment Page
When a customer opens a payment link, they see a public web form where they can complete their payment through Mollie.
Form fields
Section titled “Form fields”Contact information
Section titled “Contact information”- Email address
- First name, last name
Billing address
Section titled “Billing address”- Address line 1 and 2
- City
- Postal code
- Country
Payment method
Section titled “Payment method”A radio button group showing available online payment methods from your Mollie account, each with its logo/image.
Save payment info
Section titled “Save payment info”A checkbox to save payment information for future use.
Field persistence
Section titled “Field persistence”As the customer fills out fields, values are automatically saved to the server when the field loses focus. This means:
- Partial progress is preserved
- If the customer leaves and returns, their information is still there
- An autofill detection mechanism polls the DOM to capture browser-autofilled values
Payment flow
Section titled “Payment flow”- Customer fills out the form
- Taps the pay button
- The backend initiates a Mollie payment and returns a checkout URL
- The customer is redirected to Mollie’s checkout page
- After payment, Mollie sends a webhook to update the payment status
Security
Section titled “Security”All customer personal information (email, name, address) is encrypted at rest.