CustomFit Dashboard
  • Getting Started
    • Installing CustomFit Code Snippet
      • Installing the code snippet on Webflow
      • Installing the code snippet on Wordpress
      • Installing the code snippet on Wix
      • Installing the code snippet on Shopify
      • Installing the code snippet on Unbounce
  • Account Setup
    • Configuring Account Users
    • Add Users and Assign Roles
    • Configuring Subdomains
    • Configuring Traffic Blocking
  • Experience
    • How to create an A/B test
    • How to create a Split URL test
    • How to create a Shopify theme based testing
    • How to create an AI Conversion Optimize experience
    • How to create an Outbound Experience
    • Creating an Experience
    • Experience Page Paths
    • Experience Targeting
    • Visual editor
    • Experience Goals
    • Experience Insights
    • Experience Settings
    • Experience Dashboard
    • Experience FAQs
  • Visual Editor
    • Overview
    • App Bar
    • Editor Palette
    • Toolbar
    • Popups
  • ABM
  • Audience Segments
    • Geo Location
    • Technology
    • UTM Parameters
    • Visitor Attributes
    • Salesforce Attributes
    • HubSpot Attributes
    • Kickfire Attributes
    • Visitor Behavior
      • Page event
      • Click event
      • Track event
  • Integrations
    • GA4 Integration
    • GA4 Integration via GTM
    • Microsoft Clarity Integration
    • Hotjar Integration
    • Clearbit Integration
    • 6sense Integration
    • Segment Integration
    • Mixpanel Integration
    • Amplitude Integration
    • Heap Integration
    • Salesforce
      • Connected App
      • Apex Class
      • Apex Triggers
      • Remote Site Settings
    • Kickfire
    • HubSpot
    • Slack
  • Split URL Testing
  • Reports
    • Create Report
    • Configure Targets
    • Configure Goals
  • Overview of Reports
  • Segments
    • Creating a Segment
    • Segment Rules
  • Dashboard
    • Analytics
  • Install the CustomFit snippet
  • Event Analyzer
    • Creating an Event
    • Forward Custom Events from GTM to CustomFit
    • Event Insights
    • Event Properties
    • Property Insights
  • Change Log
  • Frequently Asked Questions
    • CustomFit JS Script
Powered by GitBook
On this page
  • Copy your CustomFit code snippet
  • Installing the CustomFit Snippet
  • Installing the CustomFit Snippet on a WordPress Site
  • Installing the CustomFit Snippet on a Wix Site
  • Installing the CustomFit Snippet on a Webflow Site

Was this helpful?

Install the CustomFit snippet

PreviousAnalyticsNextCreating an Event

Last updated 1 year ago

Was this helpful?

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.

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

  • Click on Custom Code.

  • Click + Add Custom Code at the top right.

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

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

  • Click on Save changes.