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

# CS-Cart Plugin Prerequisites

> Check the prerequisites before you integrate your CS-Cart website with Razorpay Payment Gateway.

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>
  <span>🇸🇬 Singapore</span>
</div>

<CardGroup cols={1}>
  <Card title="Troubleshooting & FAQs" href="/docs/payments/payment-gateway/ecommerce-plugins/cs-cart/troubleshooting-faqs">
    Troubleshoot common error scenarios and find answers to frequently asked questions about the Razorpay CS-Cart plugin.
  </Card>
</CardGroup>

**Before you proceed:**

* Create a [Razorpay account](https://dashboard.razorpay.com/signup).
* Understand the [payment flow](/docs/payments/payment-gateway/how-it-works) process.
* Generate the [API Keys](/docs/api/authentication#generate-api-keys) from the Dashboard. To go live with the integration and start accepting real payments, generate Live Mode API Keys and replace them in the integration.

<CardGroup cols={2}>
  <VideoCard title="Video Tutorial" videoUrl="https://www.youtube.com/embed/voiOPS2av6I?si=o1kO0mbb-xDy7Xhe">
    Watch the video before you start integrating the CS-Cart plugin with Payment Gateway.
  </VideoCard>

  <Card title="Integration Steps" href="/docs/payments/payment-gateway/ecommerce-plugins/cs-cart/integration-steps">
    Check the steps to integrate the CS-Cart plugin with Payment Gateway.
  </Card>
</CardGroup>

## Supported Products

Razorpay CS-Cart Plugin is only supported on Web Standard Checkout and the following products:

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

## Support

* Queries: If you have any queries, raise a ticket on the Razorpay [Support Portal](https://razorpay.com/support/).
* Feature Request: If you have a feature request, create an issue on [GitHub](https://github.com/razorpay/razorpay-cscart/issues/new).

### Related Information

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