How to create your own customized Razorpay Payment page

Dilip Kashyap
4 min readOct 2, 2022

--

Image Source: Razorpay

Hello Everyone,

This article will be very useful to all of you, if you would like to create a beautiful Razorpay payment page with the official and professional look including logo, brand name, required input fields, terms & conditions and payment details, without any website.

Let’s see the steps to follow to create the Razorpay Payment page

  1. Create Razorpay account and complete KYC
  2. Open Payment Pages from the Razorpay dashboard
  3. Add details on Payment page and submit
  4. Published the created Payment page

Step 1: Create a Razorpay account

Create a Razorpay account and complete KYC from the dashboard by clicking here.

Step 2: Open Payment Pages from the Razorpay dashboard

You just need to go to the Razorpay dashboard and there will be menu option to the left sidebar. Navigate through and click on Payment Pages as shown in the screenshot.

Step 3: Add details on the Payment page and submit

Here, the main task comes, you need to design and create the required fields that you would like to show to your clients. Please follow the instructions to add details to your payment page on Razorpay.

Once you click on the Payment pages => Create Payment Page, you will see the above available templates. You may choose as per your required category, here I am using Product Sale template. Product Sale looks like as follows:

In the above-shared payment page screenshot, you need to update your business details, these fields are as

3.1 Add Logo: #Top of the page you may add your brand logo or your product-related image.

3.2 Goal Tracker: This a new feature to add and track your target goal to collect money within given dates.

3.3 Product Image(s): # Select and upload some images of your product/service

3. 4 Product Description: #Add your product description in details

3. 5 Ships in X days ( if physical product ): # Time required to prepare order for shipment in days

3.6 Average delivery time: # Average time required for delivery after shipment

3.7 Add social Icons: # You may add social media platform links to expand reach of your business.

3.8 Contact Details: #Add your contact details to allow your clients to communicate.

3.9 Terms and Conditions: #Add terms and conditions for your business and should be explained properly.

3.10 Payment Details: #Add payment fields for your clients, it could be name, email, address, amount details as shown below.

In the above screenshot, you can see there is an option to set price details. So you may allow clients to type input amount or you may also set fixed price for you product and services, in this case client will not be able edit the price and has to be pay amount as per fixed amount.

4. Published the created payment page: Once you fill the details and published it, Payment page will look like this.

Image source: Razopay

All Done! 😊 This is a simple process to create Razorpay Payment Page for your business to offer clients to collect payments in an official and trusted way without using any website.

I hope you find this article helpful. For more such articles please upvote, follow, and share this with friends.

Are you interested in learning Google Apps Script and automating your Google Workspace? must try this e-book on “Google Apps Script: A Beginners Guide

Happy Learning … 😁✌️

For any query, related to this article or any other technical suggestions you may send an email at — dilipkashyap.sd@gmail.com

--

--

Dilip Kashyap

Software Developer at IIT Gandhinagar | Google Workspace | Contact me at dilipkashyap.sd@gmail.com