# Install the CustomFit snippet

To provide different experiences to your visitors you need to install a CustomFit code snippet. The code snippet consists of a unique id that allows CustomFit servers to interact with your website. The code snippet recognizes the changes made on the website and renders the page accordingly to the visitors.

### Copy your CustomFit code snippet

* In your CustomFit account from the sidebar click on the **`settings`** option.
* Then click on **`CustomFit Setup`** option.
* From the snippet, section click on **`Copy`** button.

![](/files/UX1sS53scawg5TT1Okqd)

### Installing the CustomFit Snippet

To install the CustomFit code snippet, paste the code at the top of the **HEAD** tag on every page you wish to personalize and track pages/goals.

After the code has been installed and to verify the installation click on the **`Test`** button.&#x20;

If you're using a specific content management system then the below section might be helpful.

### Installing the CustomFit Snippet on a WordPress Site

* Login to your WordPress account.
* Install the plugin: Header and Footer.
* Go to the configuration panel of the plugin.
* Under the "Page head and footer" tab, add the tracking code to the section which says "Code to be added to the HEAD section of every page":
* Go to "Appearance", then "Editor", then "header.php”
* Search for \<head>.
* Paste the tracking code after the \<head> tag.
* Save the code by clicking "Update File”.

### Installing the CustomFit Snippet on a Wix Site

* Log in to your Wix account.
* Click on settings from the sidebar.

![](/files/3iEMF9EdBLKFqEIbtcdX)

* Click on Custom Code.

![](/files/qfHKhoNA58fhKJlAieUU)

* Click + Add Custom Code at the top right.

![](/files/eQrEaeXlthpoJ0ZCKd8Y)

* Paste the code snippet in the text box.
* Enter a name for your code.
* Select an option under Add Code to Pages:
* All pages: This adds the code to all of your site's pages, including any new pages that you create in the future.
* Choose specific pages: Use the drop-down menu to select the relevant pages.
* Choose where to place your code under Place Code in Head
* Click Apply.

### Installing the CustomFit Snippet on a Webflow Site

* Log in to your Webflow account.
* Click on the site's Project Settings.

![](/files/Zf1IookmkhpWSoqjrJtj)

* Click on Custom Code and paste the CustomFit Code Snippet at the head code area.

![](/files/JVdHDbTfOpLt2ngDjykU)

* Click on Save changes.

![](/files/RNrE22LUTh5lxuwO1wm0)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.customfit.ai/install-the-customfit-snippet.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.