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

# Install the snippet

> Copy your Squid ID install snippet and add it to your site by hand in the page head, or through your CMS, tag manager, or platform-specific integration.

Squid ID runs from a single script tag. It loads the SDK by your SDK key and starts identifying visitors on the next page view. Install it once, site-wide, in the `<head>`.

## The snippet

Replace `YOUR_SDK_KEY` with the SDK key for your website, shown when you create a website and under <strong>Settings → Website</strong>.

```html theme={null}
<script>
  ;(function (squid) {
    window.$quid || (window.$quid = {})
    document.head.appendChild(
      (function (s) {
        s.src = 'https://app.asksquid.ai/tfs/' + squid + '/sdk'
        s.async = 1
        return s
      })(document.createElement('script')),
    )
  })('YOUR_SDK_KEY')
</script>
```

<Info>The script is async and loads from app.asksquid.ai. It does not block page rendering. One snippet covers your whole site when it's placed in a shared header or template.</Info>

## Pick your platform

Each guide covers exactly where the snippet goes on that platform. If yours is not listed, use the [Plain HTML](/getting-started/install/plain-html) steps, since the snippet works anywhere you can edit the page head.

<CardGroup cols={3}>
  <Card title="Plain HTML" href="/getting-started/install/plain-html" />

  <Card title="Google Tag Manager" href="/getting-started/install/google-tag-manager" />

  <Card title="WordPress" href="/getting-started/install/wordpress" />

  <Card title="Webflow" href="/getting-started/install/webflow" />

  <Card title="Framer" href="/getting-started/install/framer" />

  <Card title="HubSpot CMS" href="/getting-started/install/hubspot-cms" />

  <Card title="Shopify" href="/getting-started/install/shopify" />

  <Card title="Squarespace" href="/getting-started/install/squarespace" />

  <Card title="Wix" href="/getting-started/install/wix" />

  <Card title="Ghost" href="/getting-started/install/ghost" />

  <Card title="Segment" href="/getting-started/install/segment" />

  <Card title="React / Next.js" href="/getting-started/install/react-nextjs" />
</CardGroup>

## More platforms

Any platform with a custom head or code-injection setting works the same way: paste the snippet into the head and it covers every page. Common places to find it:

| Platform                 | Where to add it                                 |
| ------------------------ | ----------------------------------------------- |
| Duda                     | Settings, then Head HTML                        |
| Drupal                   | Theme head template, or a code-injection module |
| Joomla                   | Template head, or a head-scripts plugin         |
| Unbounce                 | Page Javascripts, placement Head                |
| Instapage                | Page settings, HTML/CSS, Head                   |
| Carrd                    | Settings, Code, Head                            |
| Bubble                   | Settings, SEO/metatags, script in the header    |
| Gatsby, Astro, Vue, Nuxt | Add the script to the document head             |

## After you install

Once the snippet is live and your site gets a page view, the dashboard connection status flips to <strong>Live and pinging</strong>. Go to [Verify your install](/getting-started/verify).
