Frequently Asked Questions (FAQs)

Find answers to frequently asked questions about Razorpay Affordability Widget.


Find answers to the commonly asked questions about the Affordability Widget.

1. Who can use this widget?

All brands that provide payment offers and/or accept payments made through EMI, Cardless EMI and Pay Later methods only via Razorpay can use this widget.

2. What does the widget include?

The widget includes:

  • All the offers that you have set up on Razorpay (along with an expandable view to read the details about each offer).
  • All EMI, Cardless EMI and Pay Later options enabled by you which satisfies the minimum order limit. Know more about the minimum order limit for , and .

3. How does the integration work?

Follow the steps below to start the integration process:

  1. Create a .
  2. Follow the integration steps specific to your integration. It is that simple!

You can integrate the Affordability Widget with:

4. Where should I place the widget on my website?

We recommend placing the widget below the product price. It will help your customers discover affordable payment options and offers early on in the buying journey and make an informed buying decision.

5. Is the widget available on Android and iOS SDKs?

The widget is available on

but not on iOS SDK.

6. Is it possible to integrate the widget on my website using plugins?

Yes, it is possible to integrate the widget on your website using

and .

7. How can I disable the Affordability Widget from the Dashboard?

Follow the steps given below to disable Affordability Widget:

  1. Log in to the and navigate to AffordabilitySettings.
  2. Click Disable Widget.
  3. Click Yes, disable to remove the Affordability Widget from your website.

Once you disable the widget, your website/app will automatically fall back to the default experience.

8. What are the various features of Affordability Widget that will help increase customer conversion?

Following are the features of Affordability Widget:

9. If a customer is ineligible for payment, what should they do next?

The customer can view the reason for ineligibility on the widget itself and choose to:

  • Use a different mobile number for the chosen payment instrument and try again.
  • Opt for a different payment instrument/method.

1. What all customisations are possible in the widget?

You can customise the following options:

  • Offers
  • Payment Methods
  • Theme

Know more about the

.

2. Can I disable offers?

Yes, you can disable offers and your customers will not be able to view them on the widget. This will not impact the checkout; customers will be able to view the offers on the checkout.

Know more about how to

.

You can also disable

, and options on the widget.

3. How can I alter the appearance of the widget?

You can alter the appearance of the widget using the following options:

  • Customise the theme colour.
  • Change the heading colour and font size.
  • Change content colour and font size.
  • Change link colour and font size.
  • Change footer colour, font size and logo variants.

Know more about

.

4. What is Checkout from Affordability Widget and how does it benefit my business?

is a feature that allows customers browsing EMI plans via the Affordability Widget on your website to directly checkout from the Widget itself. This enables a frictionless checkout journey for customers.

This feature is projected to increase the conversion rate from Widget to Checkout from 2.7% to 5-10%, thereby benefiting your business by improving customer experience and increasing sales.

5. What does the customer journey look like after integrating Checkout from Affordability Widget?

Below is the customer journey:

  1. Customers view the existing plans and offers on the widget, choose an eligible payment instrument or offer and click Buy now.

  2. They are redirected to your checkout page, where they enter their contact and shipping details and proceed to checkout.

  3. They are then redirected to the Razorpay checkout if you have integrated the widget with our

    . If not, they are redirected to your custom-built checkout.

  4. Once redirected to our Standard Checkout, the payment option or offer the customer selects on the widget appears pre-selected on checkout.

  5. They enter the relevant details and complete the payment.

Checkout from widget

6. What are the prerequisites to enable the Checkout from Affordability Widget feature?

Watch Out!

This is an on-demand feature. Write to us at

to get this feature enabled on your account.

7. Will the Checkout from Affordability Widget feature affect my website's page load time?

No, the Checkout from Affordability Widget feature will not impact your website's page load time.

1. I am integrating with Razorpay Plugin for the first time. What are the steps that I need to follow?

Follow the steps given below if you are integrating with our plugin for the first time:

  1. Log in to the , navigate to WooCommerceSettings and click the Payments tab.
    WooCommerce settings
  2. In the Payments tab, scroll down to Razorpay and click Manage to edit the settings.
    edit
  3. In the Plugin Settings, enter the Key ID and Key Secret generated from the Razorpay Dashboard. Click Save Changes.
    API Keys

You can now follow the

.

2. How does the integration work?

You can integrate with Affordability Widget in a few simple steps:

  1. Install the WooCommerce plugin version 4.3.4 directly from the .
  2. Create a and follow the .
  3. You can enable the widget from the .

3. How can I test the widget before taking it live?

Follow the steps given below to test the widget:

  1. On the WordPress Dashboard hover over Razorpay WordPress and click Visit Store.
    Test widget
  2. Click on a product to view the widget.
    Preview

4. What all customisations are possible in the widget?

You can customise the following options:

  • Offers
  • Payment Methods
  • Theme

Know more about the

.

5. The Affordability widget is not appearing on the product page. What should I do?

In some cases, the Affordability widget may not appear on your website if you are using a third-party caching plugin, like WP Rocket.

To resolve this:

  1. Log in to your .
  2. Navigate to the WP Rocket plugin's settings page.
  3. Add /widgets/affordability/affordability.js to the following sections in your settings:
    1. Navigate to ADVANCE RULES in the left menu → Never Cache URL(s)
      Add URL to Never Cache URL(s) section
    2. Navigate to CDN in the left menu → Exclude files from CDN
      Add the URL to Exclude files from CDN
  4. Navigate to File Optimization in the left nav and enable Minify Javascript files and
  5. Add /widgets/affordability/affordability.js within the Excluded Javascript Files section.
    Configure file optimization section
  6. Click SAVE CHANGES. The Affordability widget will appear again on your product page.

1. How can I enable the widget on my Shopify store?

You can integrate with Affordability Widget on your Shopify Store in a few simple steps:

  1. Enable the widget directly from your .
  2. Create a and perform the steps on your Shopify store.

2. Where should I place the widget on my Shopify store?

We recommend placing the widget below the product price. It will help your customers discover affordable payment options and offers early on in the buying journey and make an informed buying decision.

3. Where can I find the Razorpay Live API Key ID?

Follow the steps given below to generate your Key ID:

  1. Log in to the in live mode and navigate to Account & Settings.
  2. In the Website and app settings section, click API keys.
  3. Click Generate new key and save the keys in your system.

4. I am not able to view the Widget on my Shopify Store. What should I do?

Ensure your website's theme version supports

. You can if the Online Store Theme 2.0 is supported on your website.

5. What should I do if my current theme does not support Online Store Theme 2.0?

If your current theme does not support Online Store Theme 2.0, you have a few options:

  • Check if there are updates available for your current theme that supports Online Store Theme 2.0.
  • Look for themes that explicitly mention compatibility with Online Store Theme 2.0.
  • Fill in the in case you are still facing issues with the integration.

6. What all customisations are possible in the widget?

You can customise the following options:


Was this page helpful?