# 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. ![](https://1136256215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUgAFLO61VraHX8jwLt%2Fuploads%2FxAFswKsPFA3dviG43o2H%2Fimage.png?alt=media\&token=68bea09c-9cb4-46e5-a1c0-0ee646f60558) ### 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. 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 \. * Paste the tracking code after the \ 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. ![](https://1136256215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUgAFLO61VraHX8jwLt%2Fuploads%2Fv4cj4PXsBgxlEcNSjaFR%2Fimage.png?alt=media\&token=6baa20ad-5eaf-4ff7-8397-fe8476b2c00f) * Click on Custom Code. ![](https://1136256215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUgAFLO61VraHX8jwLt%2Fuploads%2FUUHkzU5GkiLRDvY0beMp%2Fimage.png?alt=media\&token=00707dda-c621-481d-babe-8c4d40cbad60) * Click + Add Custom Code at the top right. ![](https://1136256215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUgAFLO61VraHX8jwLt%2Fuploads%2FOBzG1IIgOwVDczY56PIJ%2Fimage.png?alt=media\&token=88979566-a072-438b-9165-90a4140cc730) * 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. ![](https://1136256215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUgAFLO61VraHX8jwLt%2Fuploads%2FXWhMSRkbAYP0hSQCeSHz%2Fimage.png?alt=media\&token=7a8eb05e-9529-4b1c-9fd4-d0901520b32c) * Click on Custom Code and paste the CustomFit Code Snippet at the head code area. ![](https://1136256215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUgAFLO61VraHX8jwLt%2Fuploads%2FghxXyirtkMiqUCR7ZjFQ%2Fimage.png?alt=media\&token=5495b79d-6e85-42ab-9e4f-310c352aabcd) * Click on Save changes. ![](https://1136256215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUgAFLO61VraHX8jwLt%2Fuploads%2FQxBYWEHNAURDbZ0pzvom%2Fimage.png?alt=media\&token=7440b8ae-0246-4c22-be35-7ff17d43fc3a)