Create a Storefront Page

Create a Storefront Page to start accepting payments.


You can build a Storefront Page from your Dashboard to start accepting payments from customers. This method does not require any code or API integration.

Prerequisites

  • for a Razorpay account.
  • to the Dashboard and complete the KYC requirements.
  • Razorpay Dashboard has . Use the test mode for a sandbox experience. You can switch to live mode when you are ready to accept payments. You will have to create a new Storefront Page in live mode.
  • Understand the .

To create a Storefront Page, you must complete the following actions:

You can add your products and the accompanying details such as stock availability, description, images and so on in this section.

  1. Log in to the

    and navigate to Payment Pages.

  2. Click the + Create Payment Page button and select the Select Storefront page button.

    Select which product you want to use.
  3. Click Add products to this page and then click Add a new product.

  4. Add a Product name.

    Product Name Character Limit

    The product name cannot exceed 100 characters.

  5. Add the Price of your product. In addition, you can add a Discounted price, which will serve as the final listed price for the product. Customers will see the following.

    Store Discounted price view
  6. Add Quantity in stock if you have a limited quantity.

  7. You can also upload up to five product images.

  8. You can also add your product to a Category:

    1. Click on the Category dropdown and click +Create new category.

    2. Add a category name and click Add category.

      Category Name Character Limit

      The category name cannot exceed 100 characters.

      Adding category name for PP Stores
  9. Add a brief description for your product if needed and click Add product.

    PP Store Product Addition Preview

Add you contact details such as phone number and email in this section.

  1. Click on the More options section.
    PP Store More Options section
  2. Enter you Business email id.
  3. Enter your Business phone no. and click Save contact details.
    PP Stores Business Contact Details

Customise your page by adding a custom URL, adding an expiry date and so on through the Page Settings option.

  1. Click Page Settings to configure the settings for the Storefront page.

  2. Add a unique URL slug in the URL for this page section.

    Watch Out!

    This is a mandatory step. You will not be able to create a Storefront page if you do not add a unique URL slug.

  3. You can add an expiry date for your Storefront page.

  4. You can also add a custom message for your customers and redirect to your preferred website after successful payment.

  5. You can also configure Facebook Pixel and Google Analytics for your Storefront page for metrics. Know more about how to add

    to your Storefront page.

  6. Click Save.

    Configure Settings for your Storefront Page

Share your Storefront Page with your customers and start accepting payments.

  1. Click Publish Page to complete the Storefront page creation.
  2. Click Copy to copy the URL to share with your customers. You can also find the URL on the Razorpay Dashboard in the Storefront Pages list.
    Storefront Pages succesful creation.

You can view the payments as and when they are made in the Transactions section of the Storefront Page.

  1. Navigate to Payment Pages on the Razorpay Dashboard and select Storefront Pages.
  2. In the list of pages that appear, click on the link of the page you wish to view.
  3. Select the payment id you wish to check.
    Transactions list on Storefront Page.
  4. Once you open the payment id, you can check out the order details.
    Transaction Details
  5. Click on the order id to view the address details of the customer.
    Order details of Storefront Page

Was this page helpful?