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

# Integration Steps

> Steps to integrate the Razorpay Payment Gateway with Shopify - Cash on Delivery.

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

<Warning>
  **Watch Out!**

  This is an on-demand feature. Write to us at [magic-checkout-support@razorpay.com](mailto:magic-checkout-support@razorpay.com) to integrate Razorpay - Cash on Delivery with your Shopify website.
</Warning>

**Before you proceed:**

* Sign up for [Razorpay account](https://dashboard.razorpay.com/signup)

* Sign up for a [Shopify account](https://www.shopify.in).

Follow the steps given below to integrate your Shopify website with the Razorpay - Cash on Delivery plugin.

<CardGroup cols={3}>
  <Card title="1. Build Integration" href="/docs/payments/payment-gateway/ecommerce-plugins/shopify-cod#1-build-integration">
    Install and configure the Shopify COD plugin.
  </Card>

  <Card title="2. Test Integration" href="/docs/payments/payment-gateway/ecommerce-plugins/shopify-cod#2-test-integration">
    Test the integration by making a test payment.
  </Card>

  <Card title="3. Go-Live Checklist" href="/docs/payments/payment-gateway/ecommerce-plugins/shopify-cod#3-go-live-checklist">
    Check the go-live checklist.
  </Card>
</CardGroup>

## 1. Build Integration

Follow the steps given below:

<AccordionGroup>
  <Accordion title="1 Integration Steps">
    <Info>
      **Handy Tips**

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

    1. [Sign up](https://dashboard.razorpay.com/signup?) for a Razorpay account.
    2. Submit your KYC, and if we need any further clarification, we will reach out to you on WhatsApp, SMS and email. Once our team completes KYC verification and you are enabled to accept payments, we will send a confirmation on WhatsApp, SMS and email.
    3. Create a [Shopify account](https://www.shopify.in).
    4. **Install** [Razorpay - Cash on Delivery](https://apps.shopify.com/razorpay-cash-on-delivery) from the Shopify app store.
           <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-store-cod-install.jpg" class="click-zoom" alt="Shopify App Install" width="600" />

    <Info>
      **Handy Tips**

      If you have multiple stores, select the store for which you want to install Razorpay - Cash on Delivery.
    </Info>

    5. You will be redirected to Shopify home screen. Click **Install app**.
           <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-cod-install.jpg" class="click-zoom" alt="Shopify Install" width="600" />
       You will be redirected to a landing page. Click **I am an existing user**.
           <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-cod-existing-merchant.jpg" class="click-zoom" alt="Existing Merchant Shopify" width="600" />
    6. Scroll down and click **Login**. Log in to the Razorpay Dashboard.

    <Info>
      **Handy Tips**

      Make sure you log in with **owner** credentials to connect Razorpay with Shopify successfully.
    </Info>

    <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-login-v2.gif" alt="Shopify login" width="600" />

    7. Click **Activate Razorpay - Cash on Delivery** on the activation screen on your Shopify Dashboard. <br />
           <img src="https://razorpay.com/docs/build/browser/assets/images/cod-activate-rzp-new.jpg" class="click-zoom" alt="Shopify Authorize" width="600" />

    Razorpay - Cash on Delivery now appears as a Payment Gateway on your Shopify Store checkout.<br />

    <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-cod-v2-checkout.jpg" class="click-zoom" alt="Shopify Checkout" width="600" />

    This completes your integration. For more information, see [Shopify FAQs](/docs/payments/payment-gateway/ecommerce-plugins/shopify/faqs).
  </Accordion>
</AccordionGroup>

## 2. Test Integration

After the integration is complete, follow the steps given below:

<AccordionGroup>
  <Accordion title="1 Enable Test Mode in Shopify Dashboard">
    After the integration is complete, you need to ensure the integration is working as expected. You can start accepting actual payments once the test mode transaction is successful.<br />

    Follow the steps given below to test a transaction:

    1. Log in to [Shopify store](https://accounts.shopify.com/lookup?rid=f19e1541-cd24-4856-a398-156d2ed5d56f).
    2. Navigate to **Settings** → **Payments**.
    3. Click **Manage** on the Razorpay - Cash on Delivery app on the **Supported payment methods** section.
           <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-cod-go-live-v2.jpg" alt="Shopify go live v2" width="600" />
    4. Select **Enable test mode** and click **Save**.
           <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-cod-go-live-test.jpg" alt="Shopify go live v2 save test" width="600" />
  </Accordion>

  <Accordion title="2 Make a Test Payment">
    1. Click **Buy it now**.
           <img src="https://razorpay.com/docs/build/browser/assets/images/buy-now-shopify-cod.jpg" alt="Shopify checkout" width="500" />
    2. Fill in your **Contact** and **Delivery** details.
           <img src="https://razorpay.com/docs/build/browser/assets/images/cod-shipping-contact-details.jpg" alt="Shopify contact details" width="500" />
       Select **Cash on Delivery** as Payment method and select **Billing address**.
           <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-cod-shipping-contact-details1.jpg" alt="Shopify contact details" width="500" />
    3. Click **Pay now** and the order is placed.
  </Accordion>

  <Accordion title="3 Verify Payment Status">
    You can track the payment status from the Razorpay Dashboard, subscribe to the Webhook event or poll our APIs.

    **Verify Payment Status From Dashboard**

    1. Log in to the Dashboard and navigate to **Transactions** → **Payments**.
    2. Check if a `payment_ID` has been generated and note the status. In case of a successful payment, the status is marked as `captured`.
  </Accordion>
</AccordionGroup>

## 3. Go-live Checklist

Follow these steps before taking the integration live:

<AccordionGroup>
  <Accordion title="1 Switch from Test mode to Live mode">
    You can perform an end-to-end simulation of funds flow in the Test Mode. Once confident that the installation and integration is working as expected, switch to the Live Mode and start accepting payments from customers.

    To switch from **Test Mode** to **Live Mode**:

    1. Log in to your [Shopify store](https://accounts.shopify.com/lookup?rid=f19e1541-cd24-4856-a398-156d2ed5d56f).
    2. Navigate to **Settings** → **Payments**.
    3. On the **Supported payment methods** section, click **Manage** on the **Razorpay - Cash on Delivery** app.
           <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-cod-go-live-v2.jpg" alt="Shopify go live v2" width="600" />
    4. Clear **Enable test mode** and click **Save**.
           <img src="https://razorpay.com/docs/build/browser/assets/images/shopify-cod-go-live-test.jpg" alt="Shopify go live v2 save" width="600" />

    You can now start accepting actual payments on your Shopify store.
  </Accordion>
</AccordionGroup>

## Support

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

### Related Information

[Shopify - All-in-one Razorpay Payment Gateway](/docs/payments/payment-gateway/ecommerce-plugins/shopify)
