> ## 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.

# Framer

> Add the Squid ID snippet to a Framer site by pasting it into the project's site-wide custom code so it loads in the page head on every URL.

Copy your snippet from [Install the snippet](/getting-started/install-snippet), then:

<Steps>
  <Step title="Open Code settings">
    In Framer, open the menu (top left) and choose <strong>Settings</strong>, then click <strong>Code</strong> under <strong>Site Settings</strong>.
  </Step>

  <Step title="Add a script">
    Click <strong>Add</strong> (top right of the Code panel) to open the <strong>Add Script</strong> dialog.
  </Step>

  <Step title="Configure the script">
    Set the fields:

    * <strong>Name</strong>: <code>Squid</code>
    * <strong>Placement</strong>: <strong>Start of `<head>`</strong> so Squid ID loads first, before other scripts
    * <strong>Page</strong>: <strong>All</strong>
    * <strong>Run</strong>: <strong>Every page</strong> so it fires on every page visit
  </Step>

  <Step title="Paste the snippet and save">
    Paste your snippet into the <strong>Code</strong> box and click <strong>Add</strong> to save the script.
  </Step>

  <Step title="Publish">
    Publish your site so the change goes live, then [verify](/getting-started/verify).
  </Step>
</Steps>

<Info>Start of `<head>` + Run on every page means Squid ID loads first and identifies the visitor on every page they view, including client-side navigations within your Framer site.</Info>
