> ## Documentation Index
> Fetch the complete documentation index at: https://subtext.fullstory.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Install the Subtext Snippet in Your Vite Application
> Add the Subtext capture snippet to a Vite project by inserting the script tag into your index.html file at the project root directory.
Vite projects use an `index.html` at the project root as their application entry point — unlike Create React App, this file lives at the top level rather than inside `public/`. Pasting the Subtext capture snippet into its `` is all you need to start recording sessions across your entire application.
You can also run `npx @subtextdev/subtext-wizard` in your project root to have Subtext detect your framework and insert the snippet automatically. Follow this guide if you prefer to wire things up by hand.
Log in to Subtext and open **Settings**. Your Org ID is listed in the **Capture** section. Copy it — you will paste it in place of `YOUR_ORG_ID` in the snippet below.
Open the `index.html` file in the root of your Vite project (the same directory as `vite.config.ts`). Do not confuse this with any `index.html` files that may exist inside subdirectories.
Add the snippet inside the `` tag, just before the closing ``. Replace `YOUR_ORG_ID` with the Org ID you copied from Subtext settings.
```html index.html theme={null}
My App
```
Vite treats `index.html` as the application entry point and processes it during both `dev` and `build`. The snippet will be included in your production build automatically — no extra configuration needed.
Start Vite with `npm run dev` and open your application in a browser. The snippet loads asynchronously and does not block rendering.
Navigate to a few pages, then open **Subtext → Sessions**. A new session should appear within a minute or two.
Sessions typically appear within 30–60 seconds of page load. If nothing shows up, confirm that `YOUR_ORG_ID` was replaced with your actual Org ID and that you edited the `index.html` at the project root, not one inside `src/` or `public/`.
The snippet records full production sessions and masks all form inputs by default. Your agent can flag additional PII and propose masking rules for your review from within Subtext.