Skip to content
inkStar Docs

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”
  1. Customer fills out the form
  2. Taps the pay button
  3. The backend initiates a Mollie payment and returns a checkout URL
  4. The customer is redirected to Mollie’s checkout page
  5. After payment, Mollie sends a webhook to update the payment status

Security

Section titled “Security”

Customer PII (email, name, address) is encrypted at rest using AES-256-GCM:

  • payee_email
  • payee_first_name, payee_last_name
  • payee_street, payee_street2
  • payee_city, payee_zip
  • payee_country, payee_country_code