QR payments have a wide range of applications as codes can be read off screens or paper, e.g. invoices, receipts. Customers can change the amount to pay and the same QR code can be used more than once. This makes them particularly suitable for:

Charity collectors
Home deliveries
Hospitality (to avoid queuing or waiting to pay)

How it works

Customers can scan merchant-generated QR codes with their smart device's camera, or merchants can scan customer-generated codes with a compatible barcode scanner.

QR codes can be generated in several ways: via payment links, through custom integrations, or directly by the payment method during the checkout process.

User guide

QR codes can be generated:

By the payment method: Certain payment methods, like iDEAL, automatically generate a QR code. Check the supported payment methods for more details.
Via payment links: When a payment link is created in your MultiSafepay dashboard, we generate both a link and a QR code. To learn how to create a payment link, see Payment links.
Through a custom integration: You can develop a custom flow where a QR code redirects the customer to a landing page hosted on your server. In your backend, you can either omit the gateway field in your API request to show all available payment methods, or include it to redirect the customer to a specific one.

Developing a custom QR code flow

Flow

The customer scans a QR code you have displayed.
They are redirected to a landing page on your website.
On this page, they enter the payment amount and any other required details (e.g., address, customer name, payment method).
Upon submitting the form, your backend creates an order and redirects the customer to the MultiSafepay payment page.
The customer completes the payment steps.

Implementation

To build this solution, you need to create a frontend landing page and a backend order handler.

Build a landing page that serves as the destination for your QR code. This page must include a form with an input field for the amount, a submit button, and any other fields you require.
Prepare your backend to handle order creation. It must perform the following actions:
- Make a create order request with the amount entered by the customer.
- Handle the API response, checking for success or failure.
- Perform a server-side redirect to the payment_url received in the API response, which will take the customer to the MultiSafepay payment page.
Generate a QR code that points to your landing page.

QR codes generated by the payment method

During checkout, certain payment methods will present a scannable QR code. This allows the customer to complete the payment securely in the payment method's own environment.

The following payment methods offer this flow: