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

# Installation

> This is your installation guide

### Example

To install the Legitimuz SDK in your project, copy and paste the code below into the page where you want to use the SDK.

```html theme={null}
<div id="legitimuz-root"></div>
<script src="https://cdn.legitimuz.com/js/sdk/legitimuz-sdk.js"></script>
<script lang="text/javascript">
  const sdkInstance = Legitimuz({
    host: "https://api.legitimuz.com",
    token: "your-integration-token",
  });

  sdkInstance.mount();
</script>
```

### Usage

Before implementing the following code, it is important to ensure that the page contains the necessary HTML elements. The Legitimuz SDK requires an [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input) element with the [id](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) attribute set to [legitimuz-hydrate-cpf](/sdk-reference/legitimuz/fields). This element is used for CPF input.

```html theme={null}
<input id="legitimuz-hydrate-cpf" type="tel" max-length="11" />
```

Additionally, to use the OCR + Facematch verification service, you should include a [button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) element with the id attribute set to [legitimuz-action-verify](/sdk-reference/legitimuz/actions). This button is essential to start the verification process.

<Warning>
  Ensure that these elements are present on the page before proceeding with the implementation of the above code.
</Warning>

<Tip>
  Does your code have a different writing pattern? Don't worry, you can change the element selector through the [methods](/sdk-reference/legitimuz/actions) exported by the SDK.
</Tip>