> ## Documentation Index
> Fetch the complete documentation index at: https://www.cashfree.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Cashfree Payments Developer Documentation

> Get started with Cashfree Payments documentation, APIs, SDKs, and integration guides for payments, payouts, and identity verification products.

<div class="container pt-12" id="landing-page">
  <div class="one" />

  <div class="row relative z-10">
    <div class="col-md-4 ">
      <div class="padding blur-card">
        <h1 class="font-termina text-gray-800 semibold dark:text-gray-200 ">Payments</h1>

        <p class="text-gray-500 mt-4 regular dark:text-gray-300">
          Get started with documentation and APIs to start integrating Cashfree Payments products.
        </p>

        <div class="mt-4">
          <a class="button-61" role="button" href="/docs/payments">
            Get Started With Payments
          </a>

          <a class="button-61 text-gray-800   dark:text-gray-200 bg-transparent" role="button" href="/docs/payments/other-products">
            Other Products
          </a>
        </div>
      </div>
    </div>

    <div class="col-md-5 w-full sm:w-2/3 lg:w-1/3">
      <CodeGroup>
        ```html checkout.html theme={"dark"}
        <html>
            <head>
                <title>Checkout</title>
                <script src="https://sdk.cashfree.com/js/v3/cashfree.js"></script>
            </head>
            <body>
                <button onclick="initiateCheckout()">Initiate Checkout</button>
            </body>
        </html>
        ```

        ```javascript checkout.js theme={"dark"}
        function initiateCheckout(){
            const cashfree = Cashfree({
                "mode":"sandbox"
            });
            cashfree.checkout({
                paymentSessionId: "your-payment-session-id",
                redirectTarget: "_modal"
            });
        }
        ```
      </CodeGroup>
    </div>
  </div>

  <div class="row relative blur-card mt-12 ">
    <div class="col-md-4">
      <div class="padding ">
        <h4 class="font-termina text-gray-800 semibold dark:text-gray-200 ">Hosted Solution </h4>

        <p class="mt-4">
          <a href="/docs/payments/online/web/redirect" class="text-cf underline medium">Accept one time payment</a>
        </p>

        <p class="mt-2">
          <a href="/docs/payments/flowwise/overview" class="text-cf underline medium">Orchestrate with multiple PGs</a>
        </p>

        <p class="mt-2">
          <a href="/docs/payments/subscription/introduction" class="text-cf underline medium">Accept recurring payments</a>
        </p>
      </div>
    </div>

    <div class="col-md-4">
      <div class="padding">
        <h4 class="font-termina text-gray-800 semibold dark:text-gray-200 ">No Code</h4>

        <p class="mt-4">
          <a href="/docs/payments/no-code/payment-link" class="text-cf underline medium">Share a payment link</a>
        </p>

        <p class="mt-2">
          <a href="/docs/payments/no-code/payment-forms" class="text-cf underline medium">Create a payment form</a>
        </p>

        <p class="mt-2">
          <a href="/docs/payments/shopify/overview" class="text-cf underline medium">Install Shopify Plugin</a>
        </p>
      </div>
    </div>

    <div class="col-md-4">
      <div class="padding">
        <h4 class="font-termina text-gray-800 semibold dark:text-gray-200 ">Developers</h4>

        <p class="mt-2">
          <a href="https://www.cashfree.com/devstudio" class="text-cf underline medium">Dev Studio</a>
        </p>

        <p class="mt-2">
          <a href="https://github.com/cashfree/" class="text-cf underline medium">GitHub</a>
        </p>

        <p class="mt-2">
          <a href="/docs/api-reference/postman-collections" class="text-cf underline medium">Postman Collections</a>
        </p>
      </div>
    </div>
  </div>
</div>

<div class="container pt-12">
  <div class="row relative z-10">
    <div class="col-md-5 ">
      <div class="padding blur-card">
        <h1 class="font-termina text-gray-800 semibold dark:text-gray-200 ">Payouts</h1>

        <p class="text-gray-500 mt-4 regular dark:text-gray-300">
          Get started with the documentation and APIs to integrate Cashfree Payouts. Automate and manage payouts for vendors, refunds, loans, and more.
        </p>

        <div class="mt-4">
          <a class="button-61" role="button" href="/docs/payouts/payouts/introduction">
            Get Started With Payouts
          </a>
        </div>
      </div>
    </div>

    <div class="col-md-6">
      <img class="w-full max-w-475" src="https://mintcdn.com/cashfreepayments-d00050e9/tSdE45xBW33wuhXy/static/payouts-landing.png?fit=max&auto=format&n=tSdE45xBW33wuhXy&q=85&s=283cc6d6d0062716c9f2a0880f3e48b4" width="684" height="552" data-path="static/payouts-landing.png" />
    </div>
  </div>
</div>

<div class="container pt-12">
  <div class="row relative z-10">
    <div class="col-md-5 ">
      <div class="padding blur-card">
        <h1 class="font-termina text-gray-800 semibold dark:text-gray-200 ">Secure ID</h1>

        <p class="text-gray-500 mt-4 regular dark:text-gray-300">
          Get started with the documentation and APIs to integrate Cashfree Secure ID. Simplify user onboarding with a compliant, scalable, and customizable identity verification platform.
        </p>

        <div class="mt-4">
          <a class="button-61" role="button" href="/docs/secure-id/introduction">
            Get Started With Secure ID
          </a>
        </div>
      </div>
    </div>

    <div class="col-md-6">
      <img class="w-full max-w-475" src="https://mintcdn.com/cashfreepayments-d00050e9/iGW1Vcgx_yo5v_1g/static/secureid-landing.png?fit=max&auto=format&n=iGW1Vcgx_yo5v_1g&q=85&s=be6fa37b8eb21bc0a2092abef4276596" width="1296" height="1060" data-path="static/secureid-landing.png" />
    </div>
  </div>
</div>

<div
  style={{marginTop: '4rem', marginBottom: '8rem', maxWidth: '87rem', marginLeft: 'auto',
marginRight: 'auto', paddingLeft: '1.25rem',
paddingRight: '1.25rem' }}
>
  <br />
</div>

<div className="footer-container">
  <div className="footer-column support-links">
    <p>
      <a className="footer-link" href="https://www.cashfree.com/contact-sales/" target="_blank">
        <Icon icon="envelope" iconType="light" size={16} />

        <span>Questions? Contact Sales</span>
      </a>
    </p>

    <p>
      <a className="footer-link" href="https://www.cashfree.com/devstudio" target="_blank">
        <Icon icon="plug" iconType="light" size={16} />

        <span>Try Integrations on Dev Studio</span>
      </a>
    </p>

    <p>
      <a className="footer-link" href="/docs/help/overview" target="_blank">
        <Icon icon="book" iconType="light" size={16} />

        <span>Knowledge Base</span>
      </a>
    </p>

    <p>
      <a className="footer-link" href="https://play.google.com/store/apps/details?id=com.cashfree.merchant" target="_blank">
        <Icon icon="play" iconType="duotone" size={16} />

        <span>Checkout our Android App</span>
      </a>
    </p>
  </div>

  <div className="footer-column">
    {/* New Newsletter Subscription */}

    <div className="subscribe-heading" style={{ marginBottom: "0.5rem", fontWeight: "600", fontSize: "18px" }}>
      Subscribe to Developer Updates:
    </div>

    <div style={{ width: "100%", marginTop: "1rem" }}>
      <iframe src="https://www.cashfree.com/devstudio/preview/pg/embed/devEmail" style={{ width: "100%", height: "60px", border: "none" }} title="Subscribe to Developer Updates" />
    </div>

    {/* Social Links in a Single Row */}

    <div className="social-links" style={{ marginTop: "0.5rem", display: 'flex',  gap: '1.5rem', flexWrap: 'wrap' }}>
      <a href="https://github.com/cashfree" target="_blank" style={{ display: "inline-flex", alignItems: "center" }}>
        <img src="https://mintcdn.com/cashfreepayments-d00050e9/KK8AqAEpOtJ4kmdr/static/social/github.svg?fit=max&auto=format&n=KK8AqAEpOtJ4kmdr&q=85&s=0c560fd14a4880da847b16ed0b0aec80" alt="GitHub Icon" className="github-icon" style={{ height: "18px", marginRight: "6px" }} width="800" height="800" data-path="static/social/github.svg" />

        GitHub
      </a>

      <a href="/docs/api-reference/postman-collections" style={{ display: 'inline-flex', alignItems: 'center' }}>
        <img src="https://mintcdn.com/cashfreepayments-d00050e9/KK8AqAEpOtJ4kmdr/static/social/postman-icon.svg?fit=max&auto=format&n=KK8AqAEpOtJ4kmdr&q=85&s=e960aa356a933428bdb38550ab7d10af" alt="Postman Icon" style={{ height: "18px", marginRight: "6px" }} width="800" height="800" data-path="static/social/postman-icon.svg" />

        Postman Collections
      </a>

      <a href="https://www.youtube.com/channel/UCxO0W7xVngh7TfkChPa_nwg" target="_blank" style={{ display: 'inline-flex', alignItems: 'center' }}>
        <img src="https://mintcdn.com/cashfreepayments-d00050e9/KK8AqAEpOtJ4kmdr/static/social/youtube.svg?fit=max&auto=format&n=KK8AqAEpOtJ4kmdr&q=85&s=2134a6b1199ceb72ace444034a6ac09b" alt="YouTube Icon" style={{ height: "18px", marginRight: "6px" }} width="800" height="800" data-path="static/social/youtube.svg" />

        YouTube
      </a>

      <a href="https://www.cashfree.com/blog/category/engineering/" target="_blank" style={{ display: 'inline-flex', alignItems: 'center' }}>
        <img src="https://mintcdn.com/cashfreepayments-d00050e9/KK8AqAEpOtJ4kmdr/static/social/blog.svg?fit=max&auto=format&n=KK8AqAEpOtJ4kmdr&q=85&s=15d861f579f43028a4a51c0ed76d9818" alt="Blog Icon" style={{ height: "18px", marginRight: "6px" }} width="800" height="800" data-path="static/social/blog.svg" />

        Blog
      </a>

      <a href="https://discord.com/invite/ed9VWDnrh7" target="_blank" style={{ display: 'inline-flex', alignItems: 'center' }}>
        <img src="https://mintcdn.com/cashfreepayments-d00050e9/KK8AqAEpOtJ4kmdr/static/social/discord.svg?fit=max&auto=format&n=KK8AqAEpOtJ4kmdr&q=85&s=987df5f9be2fcacff9e47580e39dbbd8" alt="Discord Icon" style={{ height: "18px", marginRight: "6px" }} width="800" height="800" data-path="static/social/discord.svg" />

        Discord
      </a>
    </div>
  </div>
</div>
