> For the complete documentation index, see [llms.txt](https://doc.customfit.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.customfit.ai/install-the-customfit-snippet.md).

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