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

# Shopify Plugin Prerequisites

> Know how to integrate Razorpay Payment Gateway with your Shopify store. Complete guide for Shopify payment integration with All-in-one Razorpay Payment Gateway app.

export const VideoCard = props => {
  const {title, href, videoUrl, children} = props;
  const css = `
.rzp-vcard {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
  background: #fff;
  height: 100%;
}
.rzp-vcard-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}
.rzp-vcard-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.rzp-vcard-body { padding: 1rem 1.15rem 1.15rem; }
.rzp-vcard-title {
  margin: 0 0 0.4rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: #0f172a;
}
.rzp-vcard-title a { color: inherit; text-decoration: none; }
.rzp-vcard-title a:hover { color: #3395ff; }
.rzp-vcard-desc { font-size: 0.875rem; line-height: 1.6; color: #475569; }
.rzp-vcard-desc > :first-child { margin-top: 0; }
.rzp-vcard-desc > :last-child { margin-bottom: 0; }
:where(.dark) .rzp-vcard {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
}
:where(.dark) .rzp-vcard-title { color: #f1f5f9; }
:where(.dark) .rzp-vcard-desc { color: #94a3b8; }
`;
  return <div className="rzp-vcard">
      <style>{css}</style>
      {videoUrl ? <div className="rzp-vcard-video">
          <iframe src={videoUrl} title={title || "Video"} loading="lazy" referrerPolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />
        </div> : null}
      <div className="rzp-vcard-body">
        {title ? <p className="rzp-vcard-title">
            {href ? <a href={href}>{title}</a> : title}
          </p> : null}
        <div className="rzp-vcard-desc">{children}</div>
      </div>
    </div>;
};

<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>
  **Plugin Renamed**

  The Razorpay Shopify plugin has been renamed from **1 Razorpay** to **All-in-one Razorpay Payment Gateway**. If you are unable to find the plugin on the Shopify App Store, search for **All-in-one Razorpay Payment Gateway**.
</Warning>

<CardGroup cols={2}>
  <Card title="Shopify Changelog" href="/docs/payments/changelog#shopify">
    Discover new features, updates and deprecations related to the Razorpay Shopify integration (since Jan 2024).
  </Card>

  <Card title="Troubleshooting & FAQs" href="/docs/payments/payment-gateway/ecommerce-plugins/shopify/faqs">
    Troubleshoot common error scenarios and find answers to frequently asked questions about the Razorpay Shopify integration.
  </Card>
</CardGroup>

Razorpay Shopify integration allows you to accept payments on your Shopify store using the All-in-one Razorpay Payment Gateway Payment Gateway app. This guide covers how to integrate Razorpay with Shopify, enabling UPI, Cards, Wallets and Netbanking payments.

**Before you proceed:**

* Create a [Razorpay account](https://dashboard.razorpay.com/signup).
* Sign up for a [Shopify account](https://www.shopify.in).
* [Ensure that your website](/docs/payments/payment-gateway/ecommerce-plugins/shopify/faqs#18-i-am-getting-the-following-error-message) is reviewed before initiating integration with Shopify.
* A Razorpay Account with access to the account owner’s credentials. (Only owners can connect Razorpay with Shopify, and API keys are not required for integration.)

<CardGroup cols={2}>
  <VideoCard title="Video Tutorial" videoUrl="https://www.youtube.com/embed/eFVzIr1lsdA?si=PovdZ0Xi8jWyj0EJ">
    Watch the video before you start integrating Razorpay Payment Gateway with your Shopify website using our All-in-one Razorpay Payment Gateway.
  </VideoCard>

  <Card title="Integration Steps" href="/docs/payments/payment-gateway/ecommerce-plugins/shopify/integration-steps">
    Check the steps to integrate your Shopify website with the Razorpay Payment Gateway.
  </Card>
</CardGroup>

<Warning>
  **Watch Out!**

  Follow the [migration steps](/docs/payments/payment-gateway/ecommerce-plugins/shopify/migration-steps#migration-steps) and upgrade to the **All-in-one Razorpay Payment Gateway** App if you integrated with the Shopify store before 28th April 2022. This is to prevent payment failures.
</Warning>

<CardGroup cols={1}>
  <Card title="Integration Steps" href="/docs/payments/payment-gateway/ecommerce-plugins/shopify/integration-steps">
    Check the steps to integrate your Shopify website with the Razorpay Payment Gateway.
  </Card>
</CardGroup>

<Warning>
  **Watch Out!**

  Only Razorpay account owners can connect their Shopify account with Razorpay.
</Warning>

## Supported Products

Razorpay Shopify Plugin is only supported on Web Standard Checkout and the following products:

| Payment Gateway | Route | Subscriptions |
| --------------- | ----- | ------------- |
| ✓               | x     | x             |

### Demo Link

* To experience the Shopify integration with Razorpay Payment Gateway, you can make a payment on our [Shopify Test Store](https://razorpay-live-store.myshopify.com/).

* To test the international currency support on the Razorpay-Shopify integration, you can make test purchases (without paying) on our [Shopify International Test Store](https://razorpay-test-store-international.myshopify.com/).

### Related Information

[Address Verification System](/docs/payments/international-payments/address-verification-system)