Payments

Dashboard

Account Settings

Checkout Styling

Checkout Styling

Customise your checkout with your brand's colours, logos, fonts, and more on the Razorpay Dashboard.

Customise your Checkout to match your brand's identity by adjusting colours, logos, brand name and logo, fonts, border styles, and sidebar graphics.

Festive Theme

Customise your checkout with festive-themed animations and graphics according to the seasonal celebrations.

To add festive theme:

  1. Log in to the Dashboard.
  2. Navigate to Accounts & Settings → Checkout Styling under Checkout settings section.
  3. Toggle on the Festive Theme field.
  4. Click Save all changes.

Background Colour

You can customise the checkout background colour according to your brand colour.

To edit background colour:

  1. Log in to the Dashboard.
  2. Navigate to Accounts & Settings → Checkout Styling under Checkout settings section.
  3. In the Background Color field, click Edit.
  4. You can choose to enter the RGB, HSL or HEX code of your brand colour.
  5. Click Save all changes.

Decide how you want to display your brand name and logo on checkout. You can update the brand name displayed to your customers in the following places:

  • On transaction and refund emails sent to customers.
  • On the links sent to customers for Payment Links, Payment Pages, Invoices and Subscriptions.

Handy Tips

  • You can update the brand name only to one that is at least 80% similar to the company name or domain name.
  • This feature is available only for the registered Razorpay users.
  • Only users with 'Owner' or 'Admin' roles can update the brand name.
  • Bank-related SMS or credit card statements sent to customers will not have the brand name since these are managed by the banks and not Razorpay. Such communication will display the billing name provided by you during account creation and activation process.

  1. Log in to the Dashboard.

  2. Navigate to Accounts & Settings → Checkout Styling under Checkout settings section.

  3. In the Brand name and logo field, click Edit.

  4. Choose a title style based on your requirement.

    Best for square logos, displaying both your logo and brand name.

    1. Click Continue to upload.
    2. Enter your brand name or business name.
    3. Drag the file or click Upload to add your logo.
    4. Click Save and continue.

  5. Click Save all changes.

Border Style

Choose the border style for various elements on your checkout, such as the checkout, logo, account and payment options.

To edit border style:

  1. Log in to the Dashboard.
  2. Navigate to Accounts & Settings → Checkout Styling under Checkout settings section.
  3. In the Border style field, you can select rounded or sharp border style based on your requirement.
  4. Click Save all changes.

Font

Select a font for your brand based on your requirement.

To edit font:

  1. Log in to the Dashboard.
  2. Navigate to Accounts & Settings → Checkout Styling under Checkout settings section.
  3. In the Font field, select a font for your brand from the drop-down list to apply it to all text on the checkout.
  4. Click Save all changes.

Sidebar Graphic

Enhance your checkout sidebar with a decorative graphic. This setting is available only in desktop view.

To add sidebar graphic:

  1. Log in to the Dashboard.
  2. Navigate to Accounts & Settings → Checkout Styling under Checkout settings section.
  3. Toggle on the Sidebar graphic field and select a design pattern that fits your needs.
  4. Click Save all changes.

Related Information

FAQs

Was this page helpful?

dashboard
checkout styling
customise
brand name
logo

ON THIS PAGE