TABLE OF CONTENTS


In today's digital age, facilitating seamless and convenient payment methods is essential for businesses to thrive. With the advent of smart TVs and their integration into the realm of e-commerce, creating a frictionless payment experience is paramount. In this article, we'll delve into the process of creating a Solidgate payment page and generating a QR code to empower merchants and clients alike.


Creating a Payment Page

The Payment page is a secure, low-code solution that streamlines payment processing for businesses through API integration. It allows customers to securely input their payment details on the Solidgate-hosted page, ensuring industry-standard security and compliance. The transaction is processed by Solidgate, and customers are redirected back to the merchant’s platform upon completion.


With the Solidgate Payment Page API, you can easily create a payment page, or you can use our postman collection to generate a payment page link. You only need to pass the mandatory fields and your channel data.


Please note that the Payment Page link expires in 24 hours.


There are two main use cases for Payment page payments:

  • Subscription initialization
  • One-time payments

The following payment methods are available for Payment Page:

  • Card payments
  • Apple/Google Pay
  • PayPal and multiple other APMs


Also, for each payment, a new Payment Page link should be generated.


Payment Page example:

Generating a QR Code Recommendations

With the Payment Page created, the next step is to generate a QR code that customers can scan to initiate the payment process. 


Generating a QR code for a Solidgate Payment Page link can be done either on the front-end or the back-end of your application. The choice between the two depends on your technical preferences, security considerations, and the user experience you want to provide. Here's how you can approach QR code generation in both scenarios:


Front-End QR Code Generation:

Step 1: Include a QR Code Library:

To generate QR codes on the front-end, you'll need to include a QR code generation library in your website or app. There are various JavaScript libraries available for this purpose, such as qrcode.js, zxing, and qr-image. You can often include these libraries through CDN links or by installing them via a package manager like npm or yarn.


Step 2: Create a QR Code Container:

In your HTML, create a container (such as a <div>) where you want the QR code to be displayed. Give it an appropriate ID or class for easy identification.


Step 3: Generate the QR Code:

Using the chosen QR code library, write JavaScript code that generates the QR code using the Solidgate Payment Page link as the data input.

Back-End QR Code Generation:

Step 1: Choose a QR Code Library:

For back-end QR code generation, you can use libraries available in various programming languages, such as Python, Ruby, Java, and more. One popular library is qrcode for Python.


Step 2: Install the Library:

Install the chosen QR code generation library using the package manager relevant to your programming language.


Step 3: Generate the QR Code:

Write code in your chosen programming language to generate the QR code using the Solidgate Payment Page link.


Back-end QR code generation provides more control over the data being encoded, as the data input remains hidden from users. 


Once done, you will be able to display that QR code to the user in order to scan it and pay.


In conclusion, Solidgate's payment page and QR code solution empowers merchants to streamline payments for example on smart TVs. By creating branded payment pages and generating QR codes, businesses enhance the user experience, improve convenience, and boost trust. As the world of e-commerce continues to evolve, embracing innovative solutions like those offered by Solidgate becomes a strategic advantage in staying ahead of the curve.