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

# Telr Developer Documentation

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

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

  <div class="row relative z-20">
    <div class="col-md-6 ">
      <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 Telr's Products.
        </p>

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

    <div class="col-md-6 w-full sm:w-2/3 lg:w-1/3">
      <CodeGroup>
        ```html checkout.html theme={null}
        <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={null}
        function initiateCheckout(){
            const cashfree = Telr({
                "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>
      </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>
      </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-4">
          <a href="/docs/api-reference/overview" class="text-cf underline medium">API Reference</a>
        </p>
      </div>
    </div>
  </div>
</div>

{/*
<div class="container pt-12">
  <div class="row relative z-20">
      <div class="col-md-6 ">
          <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 Telr 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="/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-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>

  <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"
          ></iframe>
        </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="/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="/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="/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="/static/social/blog.svg" alt="Blog Icon" style={{ height: "18px", marginRight: "6px" }} />
              Blog
            </a>
          </div>
          */}
  </div>
</div>
