Payment page insights

[ { "title":"Testing", "link":"https://docs.solidgate.com/payments/testing/", "text":"Simulate payments to test your integration before launching in production.", "imgSrc":"https://solidgate.com/wp-content/uploads/2022/06/icon-customizable.svg" } , { "title":"Create your payment form", "link":"https://docs.solidgate.com/payments/integrate/payment-form/create-your-payment-form/", "text":"Understand how to integrate the payment form into your product.", "imgSrc":"https://solidgate.com/wp-content/uploads/2022/06/icon-payments.svg" } , { "title":"Billing", "link":"https://docs.solidgate.com/billing/", "text":"Smart billing solutions designed for diverse business models.", "imgSrc":"https://solidgate.com/wp-content/uploads/2022/06/icon-global.svg" } ]

Get in touch
Sign in
Payment page insights
Additional information about the payment page

Solidgate Payment Page is more than a hosted checkout, it is a fully brandable microsite that adapts to your customer’s language, device, and channel.

This insights page explains how to localise every screen, surface a one-scan QR code for web or smart-TV checkouts, and choose the front-end or back-end flow that balances security and speed.


Supported language
anchor

The language of the information on the payment page is determined by:

  • language parameter passed
  • browser language, if no parameter

In addition, customers always have an option to switch to English.

 Language example
Languages and language tags
Danish da Dutch nl Czech cs English en
Greek el Finnish fi French fr German de
Italian it Norwegian no Polish pl Portuguese pt
Romanian ro Slovak sk Swedish sv Spanish es
Ukrainian uk

QR code
anchor

After creating the Guide
Easily create a safe and simple payment page. Payment Page , the subsequent step involves generating a QR code, allowing customers to easily initiate payments.

This QR code can be generated either on the front end or back end of your application, depending on your technical requirements, security needs, and the desired user experience.

Generation on front end

Step 1. Include QR code library
anchor

Incorporate a QR code generation library into your website or app. Libraries such as qrcode, zxing, and qr-image are available and can be included via CDN links or package managers like npm or yarn.

Step 2. Create QR code container
anchor

In your HTML, create a container, such as <div>, where the QR code will be displayed. Assign it an identifiable ID or class.

Step 3. Generate QR code
anchor

Use the selected library to generate a QR code with the Payment Page link as the data input.

Generation on back end

Step 1. Choose QR code library
anchor

Select a library suitable for your programming language, such as Python or qrcode for Node.js.

Step 2. Install library
anchor

Install your chosen QR code library using the relevant package manager.

Step 3. Generate QR code
anchor

Write code to generate the QR code using the Payment Page link.

After generation, add the QR code to the container created in Step 2, allowing customers to scan and complete their payment.
Looking for help? Contact us
Stay informed with Changelog