> ## Documentation Index
> Fetch the complete documentation index at: https://razorpay-60c89f9a-mintlify-audit-missing-sections-1778528421.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrate Razorpay Buyer Protection With Shopify

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

* **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:**

* Sign up for a [Razorpay account](https://dashboard.razorpay.com/signup).
* Log in to the Dashboard and [generate the API keys](/api/authentication#generate-api-keys) in Live mode.
* Sign up for a [Shopify account](https://www.shopify.in).

<Info>
  **Feature Request**

  This is an on-demand feature. Fill in the [form](https://razorpay.typeform.com/to/YpJfvpE6#name=xxxxx) or raise a request with our [support team](https://razorpay.com/support/) to get this feature enabled on your account.

  Follow these integration steps:

  * **1. Build Integration**: Integrate Buyer Protection Widget

  * **2. Test Integration**: Test the integration by making a test payment.

  * **3. Go-live Checklist**: Check the go-live checklist.
</Info>

### Video Tutorial

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

## 1. Build Integration

Follow the steps given below:

1. Log in to your [Shopify account](https://www.shopify.in).
2. Search for Razorpay Trusted Business or install the app directly from the [Shopify app store](https://apps.shopify.com/razorpay-trusted-badges).

<Info>
  **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.

  3. 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](/api/authentication#generate-api-keys) from the Dashboard.
</Info>

<Info>
  **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**.

  4. 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.

  5. Navigate to **Apps** and select **rtb-widget** (Razorpay Trusted Business). The customers will be able to view the widget below the product price.

  6. Click **Save** in the top right corner.

  #### Successful Activation

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

## 2. Test Integration

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.

## 3. Go-live Checklist

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

### On Web

### On Mobile

### Related Information

* [Money Back Promise](/payments/widgets/buyer-protection/money-back-promise)
* [FAQs](/payments/widgets/buyer-protection/faqs)