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

# Displaying a clickwrap

> ClickTerm offers two ways to present a clickwrap agreement — dialog mode and inline mode. Learn how they differ and when to use each.

ClickTerm gives you **two distinct ways** to present a clickwrap agreement to your end users. Both capture consent and return a Signature you verify on your backend — they differ in how the agreement is shown and when it is submitted.

## Dialog mode

A full-screen **modal overlay**. Call `ClicktermDialog.show()` and the SDK fetches the current effective template, displays it in a customizable dialog, and returns a Signature the moment the user accepts or declines. Best for standalone consent screens and blocking prompts.

→ [Displaying a dialog clickwrap](/dev/guides/displaying-dialog-clickwrap)

## Inline mode

An embedded **consent checkbox** rendered directly in your page (Web SDK only, v2.2.0+). Call `ClicktermDom.renderInline()` to place the checkbox where you want it, then call `finalize()` when you're ready to submit (for example, on form submit). Best for registration forms, checkouts, and multi-consent flows.

→ [Displaying an inline clickwrap](/dev/guides/displaying-inline-clickwrap)

## Which should I use?

|                          | Dialog                                       | Inline                                             |
| ------------------------ | -------------------------------------------- | -------------------------------------------------- |
| **UI**                   | Full-screen modal overlay                    | Checkbox embedded in your page                     |
| **SDK call**             | `ClicktermDialog.show()`                     | `ClicktermDom.renderInline()`                      |
| **Submission**           | User clicks Accept/Decline in the modal      | You call `finalize()` when ready                   |
| **Multiple on one page** | No — one modal at a time                     | Yes — each in its own container                    |
| **Availability**         | All SDKs                                     | Web SDK, v2.2.0+                                   |
| **Best for**             | Standalone consent screens, blocking prompts | Registration forms, checkouts, multi-consent flows |

<Note>
  Both modes use the same backend [Signature verification](/dev/guides/verifying-signature) step. The choice only affects how consent is presented and captured on the frontend.
</Note>

<CardGroup cols={2}>
  <Card title="Dialog" icon="window-maximize" iconType="light" href="/dev/guides/displaying-dialog-clickwrap">
    Present the agreement as a modal dialog.
  </Card>

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