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

# Website widget

> Add the Lawtte chat and voice widget to any site with one script tag.

The widget puts your AI receptionist in the corner of your website. Visitors can
type or talk, and every conversation lands in your dashboard as a lead.

## Embed

Paste this before the closing `</body>` tag:

```html theme={null}
<script>
  document.addEventListener("DOMContentLoaded", function () {
    window.LawttConfig = {
      firmSlug: "YOUR-FIRM-SLUG",
      logo: "https://your-site.com/logo.png",
      color: "#7e22ce",
    };
    var s = document.createElement("script");
    s.src = "https://www.lawtte.ai/widget.js";
    s.async = true;
    document.body.appendChild(s);
  });
</script>
```

<Warning>
  The widget only loads on domains allowlisted for your firm. Add your exact
  domain in **Dashboard → Settings** first, or the widget stays hidden.
</Warning>

## Options

| Option        | Required | Default                 | Description                         |
| ------------- | -------- | ----------------------- | ----------------------------------- |
| `firmSlug`    | Yes      | —                       | Your firm's slug, e.g. `tofer-law`. |
| `color`       | No       | `#7e22ce`               | Button color (hex).                 |
| `position`    | No       | `right`                 | `right` or `left` corner.           |
| `logo`        | No       | —                       | Absolute URL to your logo image.    |
| `frameWidth`  | No       | `420px`                 | Width of the open widget.           |
| `frameHeight` | No       | `680px`                 | Height of the open widget.          |
| `baseUrl`     | No       | `https://www.lawtte.ai` | Override for local testing.         |

## WordPress

<Steps>
  <Step title="Install a code injection plugin">
    Use **Insert Headers and Footers**, or your theme's custom code area.
  </Step>

  <Step title="Paste into the footer">
    Settings → Insert Headers and Footers → **Footer** section.
  </Step>

  <Step title="Save and reload">
    Hard-refresh the page; the button appears in the corner you configured.
  </Step>
</Steps>

In **Elementor**, add an HTML widget to the footer template with the same snippet.

## Consent and recording

Voice conversations are recorded and transcribed. The widget shows a consent
notice before a call starts — leave it enabled unless your own counsel has
approved different language.


## Related topics

- [Managing her after launch](/studio/dashboard.md)
- [Put her on your website](/studio/website-widget.md)
- [Studio FAQ](/studio/faq.md)
- [Test her, then go live](/studio/test-and-go-live.md)
- [Lawtte documentation](/index.md)