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.
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.
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 .
Follow the steps below to start the integration process:
- Create a .
- Follow the integration steps specific to your integration. It is that simple!
You can integrate the Affordability Widget with:
- .
- .
- .
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.
The widget is available on
but not on iOS SDK.Follow the steps given below to disable the Affordability Widget:
- Log in to the and navigate to Affordability → Settings.
- Click Disable Widget.
- 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 the Affordability Widget that will help increase customer conversion?
Following are the features of the Affordability Widget:
- .
- .
- .
You can customise the following options:
- Offers
- Payment Methods
- Theme
Know more about the
.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.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
.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.
Below is the customer journey:
-
Customers view the existing plans and offers on the widget, choose an eligible payment instrument or offer, and click Buy now.
-
They are redirected to your checkout page, where they enter their contact and shipping details and proceed to checkout.
-
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. -
Once redirected to our Standard Checkout, the payment option or offer the customer selects on the widget appears pre-selected on checkout.
-
They enter the relevant details and complete the payment.
-
Create a
. -
Integrate with the
. This feature is only supported on Native Website. -
Integrate with
. -
Integrate Checkout from Widget using
.Handy Tips
Watch Out!
This is an on-demand feature. Write to us at
to get this feature enabled on your account.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:
- Log in to the , navigate to WooCommerce → Settings and click the Payments tab.
- In the Payments tab, scroll down to Razorpay and click Manage to edit the settings.
- In the Plugin Settings, enter the Key ID and Key Secret generated from the Razorpay Dashboard. Click Save Changes.
You can now follow the
.You can integrate with the Affordability Widget in a few simple steps:
- Install the WooCommerce plugin version 4.3.4 directly from the .
- Create a and follow the .
- You can enable the widget from the .
Follow the steps given below to test the widget:
- On the WordPress Dashboard hover over Razorpay WordPress and click Visit Store.
- Click on a product to view the widget.
You can customise the following options:
- Offers
- Payment Methods
- Theme
Know more about the
.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:
- Log in to your .
- Navigate to the WP Rocket plugin's settings page.
- Add
/widgets/affordability/affordability.js
to the following sections in your settings:- Navigate to ADVANCE RULES in the left menu → Never Cache URL(s)
- Navigate to CDN in the left menu → Exclude files from CDN
- Navigate to ADVANCE RULES in the left menu → Never Cache URL(s)
- Navigate to File Optimization in the left nav and enable Minify Javascript files and
- Add
/widgets/emi²/affordability.js
within the Excluded Javascript Files section. - Click SAVE CHANGES. The Affordability widget will appear again on your product page.
You can integrate with the Affordability Widget on your Shopify Store in a few simple steps:
- Enable the widget directly from your .
- Create a and perform the steps on your 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.
Follow the steps given below to generate your Key ID:
- Log in to the in live mode and navigate to Account & Settings.
- In the Website and app settings section, click API keys.
- Click Generate new key and save the keys in your system.
Ensure your website's theme version supports
. You can if the Online Store Theme 2.0 is supported on your website.If your current theme does not support Online Store Theme 2.0, you have a few options:
- Check if any version updates are 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.
You can customise the following options:
- Offers
- Payment Methods
- Theme
Know more about the .
Yes, the Affordability Widget is compatible with all free themes.
To see the list of themes that are compatible with the Razorpay Affordability Widget on the Shopify store, refer to
.Was this page helpful?