Integrate Razorpay Buyer Protection With Shopify

Razorpay Buyer Protection Widget on Shopify Changelog

Discover new features, updates and deprecations related to RazorpayBuyer Protection Widget on Shopify (since Jan 2024).

Troubleshooting & FAQs

Find answers to frequently asked questions about Razorpay Buyer Protection.

Integrate Razorpay Buyer Protection widget into your Shopify website's product pages.

Before you proceed:

Feature Request

This is an on-demand feature. Fill in the

form

or raise a request with our

support team

to get this feature enabled on your account.

Follow these integration steps:

Integrate Buyer Protection Widget

Test the integration by making a test payment.

Check the go-live checklist.

Watch this video to know how to integrate Razorpay Buyer Protection Widget on your Shopify Store.

1. Build Integration

Follow the steps given below:

Log in to your
Shopify account
.
Search for Razorpay Trusted Business or install the app directly from the
Shopify app store
.
Handy Tips
- If you have multiple stores, select the store for which you want to install the Razorpay Trusted Business.
- In case you have already installed the app, navigate to Apps and search for Razorpay Trusted Business on the Shopify Dashboard.
After installing the app, you will be directed to your Shopify store. Enter your Razorpay Live API Key ID and click Save. This step is necessary to verify your eligibility for the widget. Know how to
generate API Keys
from the Dashboard.

Handy Tips
In case you are not redirected to the theme editor page, then navigate to Online Store in the Sales channels section and click Themes. Click Customize.
You will be redirected to the Shopify product configuration page. Under the Template section, hover below the Price and click on the icon to Add block. We recommend adding the widget below the product price.
Navigate to Apps and select rtb-widget (Razorpay Trusted Business). The customers will be able to view the widget below the product price.
Click Save in the top right corner.

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

You can now preview and test the widget on the page where you integrated it. Follow the checklist:

Widget Rendering: Confirm that the RTB widget renders correctly on the decided location of the desired page.
Widget Interaction: Interact with the widget to verify that users can click the widget to access additional information on the RTB website.
Responsive Design: Resize the browser window or access the page on different devices to test the widget's responsiveness.
Widget Loading: Ensure the widget loads quickly and smoothly without causing any delays or disruptions on the page it is integrated.

You can now preview the widget on your product description page. Here is a glimpse of the default widget.