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

# Introduction

> ClickTerm helps you collect legally-binding consent from end users through clickwrap agreements — embedded directly in your app.

ClickTerm lets you display clickwrap agreements (Terms & Conditions, Privacy Policies, or any legal document) as customizable modal dialogs or inline consent checkboxes in your web and mobile apps — then verify consent and generate Certificates of Acceptance on your backend.

## Get started in 5 minutes

Pick the SDK for your frontend platform:

<CardGroup cols={2}>
  <Card title="Web SDK" icon="js" iconType="brands" href="/dev/quickstart-web">
    JavaScript for web apps
  </Card>

  <Card title="Android SDK" icon="android" iconType="brands" href="/dev/quickstart-android">
    Native Android (Gradle)
  </Card>

  <Card title="React Native SDK" icon="react" iconType="brands" href="/dev/quickstart-react-native">
    Expo or bare React Native
  </Card>

  <Card title="Inline Clickwrap" icon="square-check" iconType="light" href="/dev/guides/displaying-inline-clickwrap">
    Embed consent checkboxes in your page
  </Card>
</CardGroup>

The SDKs handle the frontend side — displaying clickwrap dialogs or inline checkboxes and capturing user consent. On the backend, your server uses the **REST API** to verify Signatures, check consent status, and download certificates.

<Card title="REST API" icon="server" iconType="light" href="/api-reference/overview">
  Server-side verification, consent status, and certificate downloads
</Card>

## How it works

<Frame caption="Sample clickwrap dialog">
  <img src="https://mintcdn.com/clickterm/Tkp_GRyJwpuLYp7_/dev/images/terms_and_cond_sample_dialog.webp?fit=max&auto=format&n=Tkp_GRyJwpuLYp7_&q=85&s=555f149f58f9f4c4fbc134cb9939a5c4" alt="Sample clickwrap dialog displaying a Terms and Conditions agreement" width="1830" height="1480" data-path="dev/images/terms_and_cond_sample_dialog.webp" />
</Frame>

The integration flow is similar to a Captcha provider: include the SDK on your frontend, present the clickwrap dialog, and verify consent on your backend. See the [Integration flow](/dev/guides/integration-flow) guide for the full step-by-step with sequence diagrams.

## What you can build

* **Gated registration** — Require acceptance before creating an account
* **Compliance dashboards** — Query consent status across your user base
* **Audit workflows** — Download certificates and agreements for legal teams
* **Re-acceptance flows** — Automatically prompt users when terms are updated

## Explore the docs

<CardGroup cols={2}>
  <Card title="Integration flow" icon="diagram-project" iconType="light" href="/dev/guides/integration-flow">
    Understand the complete architecture with sequence diagrams.
  </Card>

  <Card title="Template placeholders" icon="brackets-curly" iconType="light" href="/dev/guides/placeholders">
    Pass dynamic data (name, email, company) into agreements.
  </Card>

  <Card title="Inline clickwrap" icon="square-check" iconType="light" href="/dev/guides/displaying-inline-clickwrap">
    Embed consent checkboxes directly in your forms.
  </Card>

  <Card title="Product Guide" icon="book-open" iconType="light" href="/product/what-is-clickterm">
    Dashboard guides for templates, consent, and administration.
  </Card>
</CardGroup>