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 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
  • Installing through CustomFit App
  • Manual installation
  • Install code snippet on checkout pages

Was this helpful?

  1. Getting Started
  2. Installing CustomFit Code Snippet

Installing the code snippet on Shopify

PreviousInstalling the code snippet on WixNextInstalling the code snippet on Unbounce

Last updated 11 months ago

Was this helpful?

If you're using Shopify, integrating the CustomFit code snippet into your Shopify stores is a swift and user-friendly process. No coding expertise is needed, making it an effortless installation. You can add CustomFit.ai code snippet to shopify store in two ways

  1. Installing through App

  2. Manual Installation

Installing through CustomFit App

  • Login to your Shopify account and click on 'Apps' from the sidebar.

  • Search for the CustomFit app by typing Customfit in the search field, or you can find the CustomFit shopify app here.

  • Click on the 'Install' button.

  • If you choose to install the CustomFit app, you will be taken to an access screen where you can check exactly what information the app will have access to. Click on the 'Install App' button.

  • After the successful installation of the app, you will be redirected to CustomFit app screen. Login to your CustomFit account and the CustomFit.ai code snippet will be automatically added onto your shopify store.

Manual installation

  • Login to your Shopify account and click on 'Online Store' from the sidebar. Then click on 'Themes'.

  • Then click on 'Edit Code' option from your Theme menu.

  • Select 'theme.liquid' file under 'Layout' section and search for <head> tag on the page.

  • Login to your CustomFit.ai account and copy the code snippet. Paste the code snippet just after the <head> tag and click on the 'Save' button.

When you install CustomFit code snippet on to your Shopify store, it is added on all the pages of your store except for 'Check Out' pages.

Install code snippet on checkout pages

  • Click on 'Settings' which is present at the bottom left of your screen.

  • Click on the 'Checkout' option.

  • Under the 'Order status page' section you will find the 'Additional Scripts' field. Paste the CustomFit code snippet here and click on 'Save' button.