> ## Documentation Index
> Fetch the complete documentation index at: https://razorpay-60c89f9a-mintlify-audit-missing-sections-1778528421.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Web Integration - Razorpay Custom Checkout

> Integrate Razorpay Payment Gateway with your Custom Checkout. You can build a checkout form to suit your unique business needs and branding guidelines.

Custom Checkout's JavaScript library lets you customise the checkout interface at a granular level. For example, you can white-label the checkout to:

* Display only the select payment methods.
* Integrate external wallets.
* Modify the look and feel of Checkout.

<Warning>
  **Watch Out!**

  You can accept payments **only** from those websites that you had registered with us at the time of [account setup](/payments/set-up). Razorpay **fails** the payments received on the **unregistered websites**. If you want to accept payments from multiple websites, contact our [Support team](https://razorpay.com/support/) to register additional websites for your account.
</Warning>

<Warning>
  **UPI Collect Flow Deprecated**

  According to NPCI guidelines, the UPI Collect flow is being deprecated effective 28 February 2026. Customers can no longer make payments or register UPI mandates by manually entering VPA/UPI id/mobile numbers.

  **Exemptions:** UPI Collect will continue to be supported for:

  * MCC 6012 & 6211 (IPO and secondary market transactions).
  * iOS mobile app and mobile web transactions.
  * UPI Mandates (execute/modify/revoke operations only)
  * eRupi vouchers.
  * PACB businesses (cross-border/international payments).

  **Action Required:**

  * If you are a new Razorpay user, use [UPI Intent](/payments/payment-gateway/web-integration/custom/payment-methods#intent-flow).
  * If you are an existing Razorpay user not covered by exemptions, you must migrate to UPI Intent or UPI QR code to continue accepting UPI payments. For detailed migration steps, refer to the [migration documentation](/announcements/upi-collect-migration/custom-integration).
</Warning>

## Prerequisites

Before integrating with the Checkout, run through this checklist:

* Create a [Razorpay account](https://dashboard.razorpay.com/signup).

* Generate the [API Keys](/payments/dashboard/account-settings/api-keys#generate-api-keys) from the Dashboard. To go live with the integration and start accepting real payments, generate Live Mode API Keys and replace them in the integration.

* Know about the [Payment Flow](/payments/payment-gateway/how-it-works).

<Warning>
  **Watch Out!**

  A customer's payment information should never reach your servers unless you are PCI-DSS certified.
</Warning>

## Integration Steps

Follow these integration steps:

<Steps>
  <Step title="Step 1">
    [Build Integration](/payments/payment-gateway/web-integration/custom/build-integration)
  </Step>

  <Step title="Step 2">
    [Test Integration](/payments/payment-gateway/web-integration/custom/test-integration)
  </Step>

  <Step title="Step 3">
    [Go-Live Checklist](/payments/payment-gateway/web-integration/custom/go-live-checklist)
  </Step>
</Steps>

### Related Information

* [Best Practices](/payments/payment-gateway/web-integration/custom/best-practices)
* [Address Verification System](/payments/international-payments/address-verification-system)