> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tracelit.io/llms.txt
> Use this file to discover all available pages before exploring further.
# Vanila JS
> Add Tracelit to any website with a single script tag — no npm, no build step. Works with plain HTML, WordPress, Webflow, Shopify, and any CMS.
No npm. No build step. Paste this inside the `` of every page and you're done.
```html theme={null}
```
Replace `YOUR_TOKEN_HERE` with the token from **Utilities → Environment (site token)** in your dashboard. Set `environment` to `production` or `development`.
Always set `environment`. Only `"production"` and `"development"` are accepted. If omitted, events default to `development`.
Any API calls you make (like `__tl.identify()`) before the SDK finishes loading are queued and replayed automatically — so you can call them on the very next line.
***
## Adding user identity
```html theme={null}
```
***
## Pin to a specific version
Use this when you want to lock to a specific release and never receive automatic updates:
```html theme={null}
```
***
## Strict CSP (rrweb bundled in)
If your Content Security Policy blocks dynamically injected `
```
***
## LLM Prompt
Paste this into your coding assistant to install Tracelit for you:
```text theme={null}
Install Tracelit on my plain HTML site.
Insert this exact script right before . Replace YOUR_TOKEN_HERE and set environment to production (or development for local):
Then show changed files and a quick verification checklist.
```
***
## What's next?
| Topic | Description | Guide |
| --------------------------------------- | --------------------------------------------- | --------------------------------- |
| **Identify users** | Full guide to linking sessions to real users. | [Read](/tracking/identify-users) |
| **Feature tagging** | Tag flows in session replays. | [Read](/features/feature-tagging) |