Integrate Affordability Widget With WooCommerce Website

Integrate your WooCommerce website with Affordability Widget to spread awareness about the EMI²-based payment options before they reach checkout.

Available in🇮🇳 India

You can integrate Affordability Widget with your WooCommerce website to influence your customer’s purchase decisions before they reach checkout by displaying various affordable payment options and offers.

Handy Tips

Only the Owner, Admin and Manager roles can enable the widget.

Prerequisites

• Create a Razorpay account.
• Generate the API keys from the Dashboard by navigating to Account & Settings → Website and app settings → API keys.
  • You can use the Test Mode keys to test the integration and preview the Widget.
  • Switch to Live Mode on the Razorpay Dashboard → Generate the Live API keys and replace it with the test keys.
• Install the plugin version 4.3.4 directly from the WordPress Plugin Directory.

Handy Tips

Ensure you have the PHP-curl extension installed to make network requests.

Watch Out!

Refer to FAQs if you are integrating with our plugin for the first time.

List of Supported Themes

Razorpay Affordability Widget WooCommerce is supported on the following popular themes:

Theme	Supported
Asta	✓
BigStore	✓
Blossom Shop	✓
Electro	✓
Elessi	✓
Flatsome	✓
Lebe	✓
Martfury Porto	✓
Molla	✓
Puca	✓
Razzi	✓
Rehub	x
Shoptimizer	✓
Storefront	✓
TwentyNineteen	✓
TwentyTwenty	✓
TwentyTwentyOne	✓
TwentyTwentyTwo	✓
Woodmart	x
Woostify	✓
WooVina	✓
Zoa	✓

Handy Tip

This is not a complete list, and it is recommended to try it on your themes as well.

Integration Steps

1. Enable the Widget.
2. Preview and Go Live.

Step 1: Enable the Widget

Follow the steps given below to enable the widget:

1. Log in to the Dashboard and navigate to Affordability in the Payment Products section.
2. Choose WooCommerce as your website platform.
3. In the Activate on your website section, click Enable Widget.
4. Select the check box if you consent to enable the widget and click Yes, enable.

Step 2: Preview and Go Live

Follow the steps given below:

1. Log in to the WordPress account.
2. Follow the steps given below to preview the widget in admin mode:
   1. Hover over Razorpay Wordpress and click Visit Store.
   2. Click on a product to view the widget.

Watch Out!

It is mandatory to preview the widget before displaying it to your customers on the WooCommerce website.

Successful Activation

Here is a glimpse of the default widget with offers and payment method options enabled.

Minimum Order Limit

All the payment method options that are enabled and that satisfy the minimum order limit appear on the widget. Know more about the minimum order limit for:

• EMI
• Cardless EMI
• Pay Later

Next Steps

After you successfully integrate the widget on your WooCommerce website, you can choose to customise the widget based on your requirement.

Handy Tips

• Fill in the integration support form in case you are facing any issues with the integration.
• In case you have any queries, raise a ticket on the Razorpay Support Portal.

Related Information

Affordability Widget FAQs for WooCommerce