> ## Documentation Index
> Fetch the complete documentation index at: https://razorpay-881012b3.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrate Razorpay Trusted Business Widget on WooCommerce

> Enhance brand trust, boost conversions, and display Razorpay Trusted Business widget on your WooCommerce website's product page.

<div style={{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"0.35rem 0.9rem",border:"1px solid rgba(128,128,128,0.28)",borderRadius:"0.5rem",padding:"0.45rem 0.75rem",margin:"0 0 1.25rem",fontSize:"0.875rem"}}>
  <span style={{fontWeight:600}}>Available in</span>
  <span>🇮🇳 India</span>
</div>

<CardGroup cols={1}>
  <Card title="Razorpay Trusted Business Widget on WooCommerce Changelog" href="/docs/payments/changelog#widgets">
    Discover new features, updates and deprecations related to Razorpay Trusted Business Widget on WooCommerce (since Jan 2024).
  </Card>
</CardGroup>

Integrate Razorpay Trusted Business (RTB) widget into your WooCommerce website's product pages.

<a href="https://github.com/razorpay/razorpay-woocommerce/releases" target="_blank" rel="noopener noreferrer" style={{display:'inline-block',background:'#1463f1',color:'#fff',fontWeight:700,padding:'12px 22px',borderRadius:'4px',textDecoration:'none',boxShadow:'0 3px 13px rgba(0,0,0,0.09),0 1px 5px rgba(0,0,0,0.14)',margin:'12px 0'}}>Download Plugin</a>

## Get Started

Follow the [integration steps](#integration-steps) to integrate the RTB widget on your [WooCommerce](https://woo.com/) website.

## Prerequisites

* Sign up for a [Razorpay account](https://dashboard.razorpay.com/signup).
* Set up your [WooCommerce store](https://woo.com/).

## Integration Steps

Follow these steps to proceed with the integration:

<CardGroup cols={3}>
  <Card title="1. Build Integration" href="/docs/payments/widgets/trusted-business/rtb-widget-woocommerce#1-build-integration">
    Install the plugin.
  </Card>

  <Card title="2. Test Integration" href="/docs/payments/widgets/trusted-business/rtb-widget-woocommerce#2-test-integration">
    Test the RTB widget.
  </Card>

  <Card title="3. Go-Live Checklist" href="/docs/payments/widgets/trusted-business/rtb-widget-woocommerce#3-go-live-checklist">
    Check the go-live checklist.
  </Card>
</CardGroup>

### 1. Build Integration

Follow the below steps to install the plugin:

<AccordionGroup>
  <Accordion title="Install the plugin">
    <Info>
      **Handy Tips**

      If you are an existing Razorpay user, you can directly begin the integration process from step 3.
    </Info>

    1. [Sign up](https://dashboard.razorpay.com/signup?) for a Razorpay account.
    2. Complete your KYC process. To confirm your successful activation or clarify any KYC queries, we will contact you via WhatsApp, SMS and email.
    3. From the Wordpress Plugins list, [install](https://wordpress.org/plugins/woo-razorpay/) the latest Razorpay for WooCommerce plugin with RTB widget.
    4. After you install the plugin, go to the plugin settings and enter the Razorpay [API Key](/docs/api/authentication#generate-api-keys) ID and secret. Click **save** to check eligibility for the RTB.
           <img src="https://razorpay.com/docs/build/browser/assets/images/woocommerce-enter-keyid-secret.jpg" class="click-zoom" alt="Enter API key id and secret" width="600" />

    If you are eligible, the option to enable the RTB widget will appear. Select the checkbox against **Enable RTB Widget?** and click **Save changes**. If you are not eligible, refer to our [eligibility requirements](/docs/payments/payment-gateway/features/trusted-business#eligibility-requirements-for-razorpay-trusted-business-badge).

    <img src="https://razorpay.com/docs/build/browser/assets/images/enable-rtb-widget.jpg" class="click-zoom" alt="Enable RTB widget" width="600" />

    This completes your integration.

    To verify the integration, visit your WooCommerce website and access any of your product pages. Preview the page to check how the RTB widget appears to your buyers.

    <img src="https://razorpay.com/docs/build/browser/assets/images/rtb-widget-demo-page.jpg" class="click-zoom" alt="RTB widget demo page" width="600" />
  </Accordion>
</AccordionGroup>

### 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

After previewing and testing the widget on your Wordpress Dashboard, you must replace the test mode API keys with the live mode API keys. You can generate the [live mode API keys](/docs/api/authentication#live-mode-api-keys) from the Dashboard.

Your customers can view the widget on your website. After they click the widget, it redirects them to the RTB website to access more information.

* Here is a glimpse of the default widget:

<AccordionGroup>
  <Accordion title="On Web">
    <img src="https://razorpay.com/docs/build/browser/assets/images/rtb-widget-desktop.jpg" alt="View the RTB widget on desktop" width="800" />
  </Accordion>

  <Accordion title="On Mobile">
    <img src="https://razorpay.com/docs/build/browser/assets/images/rtb-widget-mobile.jpg" alt="View the RTB widget on mobile" width="300" />
  </Accordion>
</AccordionGroup>

* Here is a glimpse of the RTB webpage:

<AccordionGroup>
  <Accordion title="On Web">
    <img src="https://razorpay.com/docs/build/browser/assets/images/rtb-widget-website-desktop.jpg" alt="Desktop view of the RTB website for more information" width="500" />
  </Accordion>

  <Accordion title="On Mobile">
    <img src="https://razorpay.com/docs/build/browser/assets/images/rtb-widget-website-mobile.jpg" alt="Mobile view of the RTB website for more information" width="300" />
  </Accordion>
</AccordionGroup>

## Support

Queries: If you have queries, raise a ticket on the [Razorpay Support Portal](https://razorpay.com/support/).
