QR payments
QR payments allow the customer to pay without requiring manual input. QR payments have a wide range of applications as codes can be read off screens or paper, e.g. invoices, receipts.
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:
- Via payment links: When a payment link is created in your MultiSafepay dashboard, we generate both a link and a QR code.
- 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.
- By the payment method: Certain payment methods, like iDEAL, automatically generate a QR code. Check the supported payment methods for more details.
Payment link
Every time you create a payment link, a QR code is generated. Alternatively to sending the payment link URL, you can send them the QR instead.
To create a QR code with a payment link:
- Sign in to your MultiSafepay dashboard .
- Go to Transactions > Payment links.
- Enter the required details (marked with an asterisk) and click Generate payment link.
- Click on the generated QR code.
- Send the URL of the QR code to your customer.
Custom QR code
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.
For more information, click on each payment method:
iDEAL QR lets customers 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, or hospitality.
Support
Email [email protected]
Updated 2 days ago