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

# Install Refix with Framer

## Step-by-Step Installation Guide

<Steps>
  <Step title="Create a Refix Account">
    1. Visit [app.refix.ai](https://app.refix.ai) and sign up for an account.
    2. Once logged in, you'll be prompted to add a domain.

    <Frame>
      <img src="https://mintcdn.com/refixai/_X4jS0MSW3jXgc7Y/images/onboarding-popup.png?fit=max&auto=format&n=_X4jS0MSW3jXgc7Y&q=85&s=dffb8e5fd2000aa09860886a260ef3e7" alt="Refix onboarding popup" width="2042" height="1558" data-path="images/onboarding-popup.png" />
    </Frame>
  </Step>

  <Step title="Add Your Framer Domain">
    1. In the Refix dashboard, enter your Framer website's domain without the protocol.
       * For example: `yourframersite.com`
    2. Click "Add Domain" to proceed.
  </Step>

  <Step title="Copy the Refix JavaScript Snippet">
    After adding your domain, Refix will generate a unique JavaScript snippet for your website.

    1. Locate the provided code snippet in your Refix dashboard.
    2. Copy the entire snippet to your clipboard.

    <Frame>
      <img src="https://mintcdn.com/refixai/_X4jS0MSW3jXgc7Y/images/onboarding-script.png?fit=max&auto=format&n=_X4jS0MSW3jXgc7Y&q=85&s=95e06ea44d98c61595f8424a3aa2ad79" alt="Refix JavaScript snippet" width="1062" height="1024" data-path="images/onboarding-script.png" />
    </Frame>
  </Step>

  <Step title="Add the Snippet to Your Framer Project">
    1. Open your Framer project in the Framer editor.
    2. Navigate to the "Settings" panel (usually represented by a gear icon).
    3. Look for the "Custom Code" or "Custom HTML" section.
    4. Paste the Refix snippet into the `<head>` section of your custom code.
       * If there's no specific `<head>` section, simply paste the snippet at the beginning of the custom code area.

    <Info>
      Remember, adding custom code is a feature available only in Framer's paid plans. If you don't see the custom code option, check your subscription status.
    </Info>
  </Step>

  <Step title="Publish Your Framer Site">
    1. Save your changes in the Framer editor.
    2. Publish your Framer site to make the changes live.
  </Step>

  <Step title="Verify Installation">
    1. Visit your live Framer website.
    2. Return to your Refix dashboard.
    3. Refix will automatically detect the installation and confirm that tracking has begun.
  </Step>
</Steps>
