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

Was this helpful?

  1. Frequently Asked Questions

CustomFit JS Script

What are the different modes to configure the CustomFit's client SDK (java-script)?

CustomFit provides 2 modes

  1. Classic (Sync) mode: When the webpage loads, it will be hidden, and after fetching and applying the personalized content changes, the webpage will be made visible.

  2. Intelligent (Async, preferred one): When the web page loads, it first intelligently hides only those elements that are personalized and page load won't be blocked. And after fetching the personalized changes are applied those elements will be made visible.

Why the CustomFit <script> needs to be added without async or deferred attribute?

Typically for any personalization or A/B test platforms, the script has to be sync, because the content changes need to be applied before the page is visible, else it will result in flickering (the visitors see the old content getting replaced by the new content)

But CustomFit's intelligent mode won't block the page loading after the script has been downloaded as all the fetching & applying of the personalized content changes happens in async mode.

PreviousChange Log

Last updated 3 years ago

Was this helpful?