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

# Cashfree Payments Developer Documentation

> Get started with documentation and APIs to start integrating Cashfree Payment's Products

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

  <div class="row relative z-20">
    <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 Payment's 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
        <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
        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/tools-ai/cashien-ai" class="text-cf underline medium">Cashien AI</a>
        </p>
      </div>
    </div>
  </div>
</div>

<div class="container pt-12">
  <div class="row relative z-20">
    <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://mintlify.s3.us-west-1.amazonaws.com/cashfreepayments-d00050e9-theme-update/static/payouts-landing.png" />
    </div>
  </div>
</div>

<div class="container pt-12">
  <div class="row relative z-20">
    <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://mintlify.s3.us-west-1.amazonaws.com/cashfreepayments-d00050e9-theme-update/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">
  {/* Column 1 - Support and Links */}

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

        <span>Questions? Contact us</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>

  {/* Merged Column - Newsletter Subscription and Social Links */}

  <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://discord.gg/ed9VWDnrh7" target="_blank" style={{ display: 'inline-flex', alignItems: 'center' }}>
        <img src="https://mintlify.s3.us-west-1.amazonaws.com/cashfreepayments-d00050e9-theme-update/static/social/discord.svg" alt="Discord Icon" style={{ height: "23px", marginRight: "6px" }} />

        Discord
      </a>

      <a href="https://github.com/cashfree" target="_blank" style={{ display: "inline-flex", alignItems: "center" }}>
        <img src="https://mintlify.s3.us-west-1.amazonaws.com/cashfreepayments-d00050e9-theme-update/static/social/github.svg" alt="GitHub Icon" className="github-icon" style={{ height: "18px", marginRight: "6px" }} />

        GitHub
      </a>

      <a href="https://www.youtube.com/channel/UCxO0W7xVngh7TfkChPa_nwg" target="_blank" style={{ display: 'inline-flex', alignItems: 'center' }}>
        <img src="https://mintlify.s3.us-west-1.amazonaws.com/cashfreepayments-d00050e9-theme-update/static/social/youtube.svg" alt="YouTube Icon" style={{ height: "18px", marginRight: "6px" }} />

        YouTube
      </a>

      <a href="https://www.cashfree.com/blog/category/engineering/" target="_blank" style={{ display: 'inline-flex', alignItems: 'center' }}>
        <img src="https://mintlify.s3.us-west-1.amazonaws.com/cashfreepayments-d00050e9-theme-update/static/social/blog.svg" alt="Blog Icon" style={{ height: "18px", marginRight: "6px" }} />

        Blog
      </a>

      <a href="https://marketplace.visualstudio.com/items?itemName=vscode-cf.cashien" target="_blank" style={{ display: 'inline-flex', alignItems: 'center' }}>
        <img src="https://mintlify.s3.us-west-1.amazonaws.com/cashfreepayments-d00050e9-theme-update/static/social/cashien.svg" alt="Extension Icon" style={{ height: "18px", marginRight: "6px" }} />

        Cashien AI
      </a>
    </div>
  </div>
</div>
