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

# Embed the widget

> Add the Audyr widget to your website with a single script tag.

The Audyr widget loads asynchronously — it won't affect your page speed or rendering.

## Quick install

Paste this snippet before the closing `</body>` tag on every page where you want the widget to appear:

```html theme={null}
<script
  src="https://app.audyr.com/widget/widget.min.js"
  data-token="YOUR_TOKEN">
</script>
```

That's it. No build step, no package to install.

## Your token

The `data-token` attribute identifies your Audyr workspace. You can find your token in your [Audyr dashboard](https://app.audyr.com).

## Choose your environment

<Columns cols={2}>
  <Card title="HTML" icon="code" href="/embed/html">
    Static sites and any page with direct HTML access — including Webflow, Squarespace, and Wix.
  </Card>

  <Card title="React / Next.js" icon="react" href="/embed/react">
    Vite, Create React App, Next.js App Router, and Next.js Pages Router.
  </Card>

  <Card title="Vue / Nuxt" icon="vuejs" href="/embed/vue">
    Vue 3 applications and Nuxt 3 projects.
  </Card>

  <Card title="WordPress" icon="wordpress" href="/embed/wordpress">
    WordPress themes, child themes, and WooCommerce sites.
  </Card>

  <Card title="Framer" icon="f" href="/embed/framer">
    Framer sites via Site Settings or per-page custom code.
  </Card>

  <Card title="Shopify" icon="shopify" href="/embed/shopify">
    Shopify stores via the theme editor or theme.liquid.
  </Card>
</Columns>