> ## 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.

# Payment Configuration

> Select the payment methods and instruments you want to display, rearrange them to customise your checkout and create custom payment blocks for different customers.

<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>

Perform multiple configurations related to the payment methods and instruments that you want to show on your checkout page.

* Choose the payment methods and instruments you want to display at checkout
* Arrange them in your preferred order
* Create custom payment blocks for specific customer segments, ensuring they see the most relevant options.

This enhances the user experience, improves discoverability and boosts conversion rates.

<Info>
  **Handy Tips**

  * You can hide, show, create custom blocks and rearrange payment methods and instruments as required, but you cannot enable or disable them from this setting. Know more about how to [enable/disable payment methods](/docs/payments/dashboard/account-settings/payment-methods#enable-payment-methods).
  * You can switch between mobile and desktop views to preview changes.
</Info>

## View Default Configuration

To view Razorpay's default payment configuration:

1. Navigate to **Accounts & Settings** → **Payment Configuration** under **Checkout settings** section.
2. Click **View** against the **Standard Payment Options** section. This setting is read-only and cannot be edited.

<img src="https://razorpay.com/docs/build/browser/assets/images/editor-view-std.gif" alt="Navigate to payment config and view the standard payment options" width="800" />

## Configure Payment Options

Follow these steps to configure your payment options:

1. Log in to the Dashboard.
2. Navigate to **Accounts & Settings** → **Payment Configuration** under **Checkout settings** section. Following are the types of configurations:

<AccordionGroup>
  <Accordion title="Basic Configuration">
    You can customise the payment options to display only the methods you want your customers to see, instead of Razorpay's default configuration.

    1. Click **Create a custom payment configuration**.
    2. Enter the **Configuration name** and click **Save**.
           <img src="https://razorpay.com/docs/build/browser/assets/images/editor-custom-config.gif" alt="Create custom config on Dashboard" width="800" />
    3. By default, all payment methods available on your account are enabled. You can show or hide payment methods as needed. Additionally, you can rearrange them in your preferred order by dragging and dropping, based on customer preferences, success rates, or usage frequency.
           <img src="https://razorpay.com/docs/build/browser/assets/images/editor-hide-rearrange.gif" alt="Hide/Show and Rearrange Payment Methods" width="800" />
    4. Click **Save all changes**.
  </Accordion>

  <Accordion title="Advanced Configuration">
    Create custom blocks to highlight specific payment methods or instruments above other options. You can create multiple custom blocks as required.

    1. Click the plus icon next to **Create a custom payment block**
    2. Enter a block name. For example, **Preferred Methods**. This appears at checkout as a separate section above the default standard payment options.
    3. Click **+ Add a single payment instrument** to highlight a specific instrument.
    4. Select a payment method from the drop-down and choose a payment instrument.
    5. Click **Save**.
           <img src="https://razorpay.com/docs/build/browser/assets/images/editor-custom-block.gif" alt="Create Custom Blocks" width="800" />
    6. You can further customise the following payment methods. Select a payment method:

    <Tabs>
      <Tab title="UPI">
        Show/hide UPI QR Code, UPI Apps and UPI ID/Number.

        <img src="https://razorpay.com/docs/build/browser/assets/images/editor-customise-upi.gif" alt="Configure UPI payment option" width="800" />
      </Tab>

      <Tab title="Netbanking">
        Show/hide specific banks.

        <img src="https://razorpay.com/docs/build/browser/assets/images/editor-customise-netbanking.gif" alt="Configure Netbanking payment option" width="800" />
      </Tab>

      <Tab title="Cards">
        Configure card payment options based on:

        * **Card Type**: Show/hide debit and credit cards.
        * **Card Provider**: Choose from available card networks.
        * **Card Issuer**: Select specific issuers.
        * **BIN Number**: Add one or multiple BINs (first 6-8 digits of a card number) to filter eligible cards. The system validates and saves the BINs, ensuring only specified cards are allowed for transactions.

        <img src="https://razorpay.com/docs/build/browser/assets/images/editor-customise-card.gif" alt="Configure card payment options" width="800" />
      </Tab>

      <Tab title="EMI">
        Configure EMI payment options based on:

        * **Card Type**: Show/hide debit and credit cards.
        * **Card Provider**: Select the EMI card networks from the list.
        * **Card Issuer**: Select the card issuer from the list.
        * **BIN Number**: Add one or multiple BINs (first 6-8 digits of a card number) to filter eligible cards. The system validates and saves the BINs, ensuring only the specified cards are eligible for EMI plans.

        <img src="https://razorpay.com/docs/build/browser/assets/images/editor-customise-emi.gif" alt="Configure EMI payment options" width="800" />
      </Tab>

      <Tab title="Wallets">
        Show/hide various providers of wallets.

        <img src="https://razorpay.com/docs/build/browser/assets/images/editor-customise-wallet.gif" alt="Configure wallet payment option" width="800" />
      </Tab>

      <Tab title="Pay Later">
        Show/hide various providers of pay later.

        <img src="https://razorpay.com/docs/build/browser/assets/images/editor-customise-pay-later.gif" alt="Configure pay later payment option" width="800" />
      </Tab>

      <Tab title="COD">
        Show/hide cash on delivery.

        <img src="https://razorpay.com/docs/build/browser/assets/images/editor-customise-cod.jpg" alt="Configure COD payment option" width="800" />
      </Tab>
    </Tabs>

    7. Click **Save all changes**. If you have multiple custom blocks, drag and drop them to rearrange them in your preferred order.
           <img src="https://razorpay.com/docs/build/browser/assets/images/editor-rearrange-custom-blocks.gif" alt="Rearrange multiple custom blocks" width="800" />

    <Warning>
      **Watch Out!**

      To delete a block, navigate to your saved payment configurations. Identify the block, scroll to the bottom and click **Delete block** → **Delete** → **Save all changes**.
    </Warning>
  </Accordion>
</AccordionGroup>

### Save Configuration as Default

If needed, you can save a configuration as the default, which displays the payment methods to your customers based on this setup.

1. Identify the configuration you want to set as default and click on the options icon → **Save as Default**. Click **Save all changes**.
2. Once saved, this configuration will be displayed to your customers at checkout.
   <img src="https://razorpay.com/docs/build/browser/assets/images/editor-set-default.gif" alt="Save configuration as default" width="800" />
3. All the changes will reflect on the **Checkout** page, **Invoices**, **Payment Button**,   **Webstore**, **Payment Links** and **Payment Pages**.
4. Share the Configuration ID with your developer to integrate this setup. You can also define conditions for displaying this configuration to a particular set of customers by using the Configuration ID.

### Sample Configuration

By default, the checkout displays payment options in the following order:

<CardGroup cols={2}>
  <Card title="Sample Checkout">
    <img src="https://razorpay.com/docs/build/browser/assets/images/editor-sample-config.jpg" alt="Payment options order on checkout" width="300" />
  </Card>

  <Card title="Payment Options">
    * **Recommended Methods**: These are automatically determined based on the customer's phone number, prioritising their most frequently used or preferred payment methods. This order cannot be modified or disabled.
    * **Custom Blocks**: Payment methods/instruments configured within a custom block, if any.
    * **All Payment Methods**: The remaining payment methods displayed based on your configuration.
  </Card>
</CardGroup>
