Pixer Documentation
WelcomeTech We Have UsedGetting Started
Available Scripts & Command
How Can I use this app
Demo Deploy
Features
Settings
Payment
IntroductionStripePaypalRazorpayRazorPayHow to create & setup RazorPay information properly?Special Notes for RazorPay.MolliePaystackBitpayCoinbaseIntegratioin of new payment gateway
SEO and Analytics
API
Shop Transfer
WalletEmail Configuration
Multilingual & Translation
FAQ PageContactTerms and conditions
Third-party Integrations
Deployment
Back-End Integration
Customizations
Update & Upgrade Guide
FAQSupportChange Log

RazorPay

Razorpay is the only payments solution in India that allows businesses to accept, process and disburse payments with its product suite. It gives you access to all payment modes including credit card, debit card, netbanking, UPI and popular wallets including JioMoney, Mobikwik, Airtel Money, FreeCharge, Ola Money and PayZapp.

RazorPay integration inside Pixer.

Please follow & complete this steps for RazorPay integration with your e-commerce system.

  • Inside .env file copy & paste this line of codes. We will discuss later about how to create those API keys in RazorPay.
RAZORPAY_KEY_ID=[YOUR_RAZORPAY_KEY_ID]
RAZORPAY_KEY_SECRET=[YOUR_RAZORPAY_KEY_SECRET]
RAZORPAY_WEBHOOK_SECRET_KEY=[YOUR_RAZORPAY__WEBHOOK_URL]
  • Activate RazorPay from Pixer admin dashboard. (e.g. webhook URL is coming from local development. This static link will dynamically generated in live environment)

razorpay-pixer-dashboard

  • Add RazorPay publishable key inside pixer shop.
NEXT_PUBLIC_RAZORPAY_KEY=[YOUR_RAZORPAY_KEY_ID]

How to create & setup RazorPay information properly?

  • Go to the RazorPay website & login https://razorpay.com If you aren't a registered user, Complete the RazorPay registration first.
  • After logged in into RazorPay dashboard, Click on Settings

razorpay-settings

  • Select API Keys option & click on Generate Test Key.

razorpay-generate-test-key

  • The Client Id and Secret Key will appear. Download these keys and click on OK

razorpay-download-key

  • Select Webhooks option & click on Add New Webhooks.

razorpay-add-new-webhooks

  • Enter Webhook URL , Secret key , Alert Email and tick mark the checkbox in Active Event then click on create Webhook

razorpay-create-webhooks

  • Copy & paste those inside Pixer app .env file like mentioned above. after that test your RazorPay Payment Status

razorpay-payment-status

Special Notes for RazorPay.

If we have used any third party system/plugin/packages, then we have always encouraged our respected customers to follow the official documentation for detailed & in-depth knowledge.