> ## Documentation Index
> Fetch the complete documentation index at: https://razorpay-881012b3.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Create a Razorpay Webstore

> Create a Webstore to start accepting payments.

<div style={{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"0.35rem 0.9rem",border:"1px solid rgba(128,128,128,0.28)",borderRadius:"0.5rem",padding:"0.45rem 0.75rem",margin:"0 0 1.25rem",fontSize:"0.875rem"}}>
  <span style={{fontWeight:600}}>Available in</span>
  <span>🇮🇳 India</span>
</div>

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

<Info>
  **Prerequisites**

  * [Sign up](https://easy.razorpay.com/onboarding/l1/signup?field=MobileNumber) for a Razorpay account.
  * Log in to the Dashboard and complete the KYC requirements.
  * The Dashboard has [test and live modes](/docs/payments/dashboard/test-live-modes). 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 Webstore in live mode.
  * Understand the [Payment Flow](/docs/payments/payment-gateway/how-it-works).
</Info>

## Steps

To create a Webstore, you must complete the following actions:

1. [Add Product Details](#step-1-add-product-details)
2. [Add Business Details](#step-2-add-business-details)
3. [Configure Page Settings](#step-3-configure-page-settings)
4. [Share and Start Accepting Payments](#step-4-share-and-start-accepting-payments)

### Step 1: Add Product Details

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 Dashboard and navigate to **Payment Pages**.
2. Click the **+ Create Payment Page** button and click **Create Razorpay Webstore**.
   <img src="https://razorpay.com/docs/build/browser/assets/images/pp-select-choice.jpg" alt="Select which product you want to use." width="800" />
3. Click **Add products to this page** and then click **Add a new product**.
4. Add a **Product name**.

<Info>
  **Product Name Character Limit**

  The product name cannot exceed 100 characters.
</Info>

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.
   <img src="https://razorpay.com/docs/build/browser/assets/images/store-discounted-price.jpg" alt="Webstore Discounted price view" width="300" />
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 drop-down and click **+Create new category**.
   2. Add a category name and click **Add category**.

<Info>
  **Category Name Character Limit**

  The category name cannot exceed 100 characters.
</Info>

<img src="https://razorpay.com/docs/build/browser/assets/images/pp-category-name-add.jpg" alt="Adding category name for Webstores" width="400" />

9. Add a brief description for your product if needed and click **Add product**.
   <img src="https://razorpay.com/docs/build/browser/assets/images/pp-store-product-addition.jpg" alt="Webstore Product Addition Preview" width="400" />

### Step 2: Add Business Details

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

1. Click **More options**.
   <img src="https://razorpay.com/docs/build/browser/assets/images/pp-stores-more-options.jpg" alt="Webstore More Options section" width="800" />
2. Enter you **Business email id**.
3. Enter your **Business phone no.** and click **Save contact details**.
   <img src="https://razorpay.com/docs/build/browser/assets/images/pp-stores-business-contact.jpg" alt="Webstore Business Contact Details" width="400" />

### Step 3: Configure Page Settings

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

1. Click **Page Settings**.
2. Add a unique URL slug in the **URL for this page** section.

<Warning>
  **Watch Out!**

  This is a mandatory step. You will not be able to create a Webstore if you do not add a unique URL slug.
</Warning>

3. You can add an expiry date for your Webstore.
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 Webstore for metrics. Know more about how to add [Facebook Pixel and Google Analytics](/docs/payments/webstore/plugins-add-ons) to your Webstore.
6. Click **Save**.
   <img src="https://razorpay.com/docs/build/browser/assets/images/pp-store-settings.jpg" alt="Configure Settings for your Webstore" width="400" />

### Step 4: Share and Start Accepting Payments

Share your Webstore with your customers and start accepting payments.

1. Click **Publish Page** to go live.
2. Click **Copy** to copy the URL to share with your customers. You can also find the URL on the Dashboard in the Webstore list.
   <img src="https://razorpay.com/docs/build/browser/assets/images/storefront-page-publish.jpg" alt="Webstore succesful creation." width="800" />

#### View Transaction Details on Dashboard

You can view the payments as and when they are made in the **Transactions** section.

1. Navigate to **Payment Pages** on the Dashboard and select **Razorpay Webstore**.
2. From the list, click the Webstore you wish to view.
3. Select the payment id you wish to check.
   <img src="https://razorpay.com/docs/build/browser/assets/images/sp-transactions-view.jpg" alt="Transactions list on Webstore." width="800" />
4. Once you open the payment id, you can check out the order details.
   <img src="https://razorpay.com/docs/build/browser/assets/images/sp-transaction-details.jpg" alt="Transaction Details" width="800" />
5. Click the order id to view the address details of the customer.
   <img src="https://razorpay.com/docs/build/browser/assets/images/sp-order-details.jpg" alt="Order details of Webstore" width="800" />

### Related Information

* [About Razorpay Webstore](/docs/payments/webstore)
* [How Razorpay Webstore Works](/docs/payments/webstore/how-it-works)
* [Webstore States](/docs/payments/webstore/states)
* [Search for Webstore](/docs/payments/webstore/search)
* [Manage Webstore](/docs/payments/webstore/manage)
