Razorpay integration

A website with Razorpay payments

Blaubok builds business websites with Razorpay checkout already wired in. Customers pay by UPI, card or netbanking on your site, the money goes to your own Razorpay account, and every payment shows up in your admin.

What it does on your site

A Razorpay payment gateway, ready on day one

The payment code comes from the Blaubok engine, already built and used on live business sites. The AI wires it into your pages instead of writing it from scratch.

Checkout on your pages

Razorpay’s checkout opens on your site, and customers pay with the methods your account offers: UPI, cards, netbanking and wallets.

Paid bookings

Charge the full price or a deposit when someone books a slot, so the payment and the booking arrive together.

Payments in your admin

Every payment is listed in your site’s admin, next to your leads and bookings, so you can see who paid for what.

Checked by your site

Razorpay tells your site about each payment through a webhook, and your site checks Razorpay’s signature before it trusts the message.

Memberships

Add recurring membership plans with members-only pages, billed through Razorpay, when your business sells by the month.

Invoices and receipts

Add PDF invoices and order confirmation emails, sent from your own email account, so customers get a record of what they paid.

How to connect it

Four steps to connect it

You need a Razorpay account in your business’s name. Everything else happens in chat, in your Razorpay Dashboard and on your Vercel project.

  1. 1

    Ask for payments in chat

    Say “add Razorpay checkout”, or simply describe what you sell. The AI wires in the Razorpay feature from the engine. It is charged once per project.
  2. 2

    Create your API keys

    In your Razorpay Dashboard, generate a key ID and key secret. Start with test mode keys, which begin rzp_test_, and switch to live keys once Razorpay has activated your account.
  3. 3

    Add a webhook

    In Razorpay’s webhook settings, add your site’s webhook address (shown below) and choose a secret. This is how Razorpay tells your site a payment went through.
  4. 4

    Paste the keys on Vercel

    The project’s Environment variables tab lists the three keys. Add them to your Vercel project under Settings, Environment Variables, then redeploy.
What you paste

Three keys and one address

Keys go on your Vercel project as environment variables, never in the chat or the code.

RAZORPAY_KEY_ID
rzp_test_…Razorpay Dashboard → API Keys. Use a test key first.
RAZORPAY_KEY_SECRET
••••••••Shown when you generate the key. Keep it out of the chat and the code.
RAZORPAY_WEBHOOK_SECRET
••••••••The secret you chose when adding the webhook.
Webhook address
https://yourdomain.com/api/payments/webhook?gateway=razorpayPaste into Razorpay’s webhook settings, with your own domain.
What your customers see

How paying works for your customers

A customer clicks Pay on your site. Razorpay’s checkout opens over the page with your business name, and offers the payment methods your account supports.

When the payment succeeds, the customer sees a confirmation on your site. You see the payment in your admin and in your Razorpay Dashboard. If you add email, an order confirmation goes out from your own sending address.

Razorpay then settles the money to your bank account on its own schedule. Refunds and disputes are handled in your Razorpay Dashboard, the same as for any Razorpay business.

Who pays whom

Your customers pay you. Not us.

Your Razorpay account

Payments land in your account and settle to your bank. Blaubok never holds, routes or touches the money.

Razorpay’s fees

Razorpay charges its own fees per transaction, set by Razorpay and billed to your Razorpay account.

Blaubok’s fee

A one-time feature fee in credits the first time you build with Razorpay on a project. Never per payment, never on rebuilds.

FAQ

Razorpay questions

Do I need my own Razorpay account?

Yes. You sign up with Razorpay in your business’s name, complete their verification and use your own keys. Customers pay into your Razorpay account, and Razorpay settles the money to your bank.

Does Blaubok take a cut of my sales?

No. Blaubok never handles the money. It charges a one-time feature fee in credits the first time you build with Razorpay on a project, never a share of what you sell. Razorpay’s own fees are between you and Razorpay.

Can I test payments before going live?

Yes. Use Razorpay’s test mode keys first. Test payments go through the same checkout without real money. When you are ready, swap in your live keys on Vercel and redeploy.

Which payment methods can my customers use?

Whatever your Razorpay account has switched on. UPI, cards, netbanking and wallets are the usual ones, and you manage them in your Razorpay Dashboard rather than in your site.

Can I take a deposit for a booking?

Yes. With paid bookings, you choose whether a customer pays the full price or a deposit at the moment they book.

Can customers outside India pay?

Razorpay can accept international cards once it has enabled that on your account. Many businesses also add Stripe for customers abroad, and both can run on the same site.

Start taking payments on your own site

Describe your business, ask for Razorpay checkout, and connect your keys. Free welcome credits, no card needed.

Start building free

Keep reading