> ## Documentation Index
> Fetch the complete documentation index at: https://docs.userplane.io/llms.txt
> Use this file to discover all available pages before exploring further.
# Lovable Integration
> Install Userplane in a Lovable app using ready-to-use prompts
This guide covers how to install Userplane in a Lovable app.
## Adding the script
Copy and send this prompt in Lovable:
```text theme={null}
Add the following two tags inside the of index.html, as early as possible before any other tags:
Do not add async or defer to the script tag.
Do not lazy-load or dynamically import this script.
Place it before all other scripts and stylesheets in .
Reference: https://docs.userplane.io/developer/installation
```
Replace `YOUR_WORKSPACE_ID` with your workspace ID. You can copy the exact snippet with your ID pre-filled from **Workspace Settings > Domains** in the Userplane dashboard.
## Sensitive data
To blur sensitive elements in recordings, send this prompt:
```text theme={null}
Add the attribute data-userplane-blur to every component or element that displays sensitive user data - for example: payment forms, password fields, personal information, account balances, health data.
Example usage:
To exclude a child element from blur, set data-userplane-blur="false" on it.
To blur all inputs globally, add this meta tag to the of index.html:
Reference: https://docs.userplane.io/developer/sensitive-data-redaction
```
See [Sensitive Data Redaction](/developer/sensitive-data-redaction) for all blur methods including CSS classes, meta tag selectors, and third-party tool compatibility.
## URL parameters
If your app has authentication or redirects, send this prompt:
```text theme={null}
When redirecting users (for example, to a login page), preserve all URL query parameters that start with "userplane-" through the redirect.
Here is an example of how to do this:
const url = new URL(window.location.href);
const loginUrl = new URL('/login', window.location.origin);
for (const [key, value] of url.searchParams) {
if (key.startsWith('userplane-')) {
loginUrl.searchParams.set(key, value);
}
}
window.location.href = loginUrl.toString();
Reference: https://docs.userplane.io/developer/installation#handling-redirects
```
See [Installation](/developer/installation) for the full list of parameters.
## Related articles
* [Installation](/developer/installation) — script placement, CSP, iframes, and browser support.
* [Domain Verification Guide](/developer/domain-verification) — verify domain ownership after installing the script.
* [Sensitive Data Redaction](/developer/sensitive-data-redaction) — blur sensitive content in recordings.
```
```