1
2
3
4
5
6
7
8
9
<script>
  window.fcWidget.setExternalId("john.doe1987");
  window.fcWidget.user.setFirstName("John");
  window.fcWidget.user.setEmail("john.doe@gmail.com");
  window.fcWidget.user.setProperties({
    plan: "Pro",                 
    status: "Active"                
  });
</script>

1
2
3
4
5
6
7
8
9
10
<!-- Head -->
<script src="WEB_HOST_URL/js/widget.js"></script>
<!-- Head -->
<script>
  window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    siteId: "UNIQUE_SITE_ID"
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- Head -->
<script src="WEB_HOST_URL/js/widget.js"></script>
<!-- Head -->
<script>
window.fcWidget.init({
  token: "WEB_CHAT_TOKEN",
  host: "WEB_HOST_URL",
  // Setting FAQ Tags in the object below.
  faqTags : {
    // Array of Tags
    tags : ['paidusers'],
    //For articles, the below value should be article.
    //For article category, the below value should be category.
    filterType:'category' //Or filterType: 'article'
  },
});
</script>

1
2
3
4
5
6
7
8
9
10
11
<!-- Head -->
<script src="WEB_HOST_URL/js/widget.js"></script>
<!-- Head -->
<script>
window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    tags: ["public", "paid"],
    externalId: <externalId>
});
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<script>
  window.fcSettings = {
    token: "WEB_CHAT_TOKEN”,
    host: "WEB_HOST_URL",
    config: {
      headerProperty: {
        direction: 'ltr' //will move widget to left side of the screen
      }
    }
  };
</script>
<script src="WEB_HOST_URL/js/widget.js" async></script>

CSS
<style>
  .custom_fc_frame {
    right: 50px !important;
    bottom: 30px !important;
  }
</style>

HTML
<script>
  window.fcWidget.init({
    config: {
      cssNames: {
          widget: "custom_fc_frame"
      }
    },
    host: "WEB_HOST_URL",
    token: "WEB_CHAT_TOKEN"
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<script src="WEB_HOST_URL/js/widget.js"></script>
<script>
  window.fcWidget.init({
    token: "--your-token-id–",
    host: "WEB_HOST_URL",
    config: {
          headerProperty: {
        //If you have multiple sites you can use the appName and appLogo to overwrite the values.
        appName: 'Gadget God',
        appLogo: 'https://d1qb2nb5cznatu.cloudfront.net/startups/i/2473-2c38490d8e4c91660d86ff54ba5391ea-medium_jpg.jpg?buster=1518574527',
      },
      content: {
        placeholders: {
          search_field: 'Search',
          reply_field: 'Reply',
          csat_reply: 'Add your comments here'
        },
        actions: {
          csat_yes: 'Yes',
          csat_no: 'No',
          push_notify_yes: 'Yes',
          push_notify_no: 'No',
          csat_submit: 'Submit'
        },
        headers: {
          chat: 'Chat with Us',
          faq: 'Solution Articles',
          faq_search_not_available: 'No articles were found for {{query}}',
          faq_useful: 'Was this article helpful?',
          faq_thankyou: 'Thank you for your feedback',
          faq_message_us: 'Message Us',
          push_notification: 'Don\'t miss out on any replies! Allow push notifications?',
          csat_question: 'Did we address your concerns??',
          csat_yes_question: 'How would you rate this interaction?',
          csat_no_question: 'How could we have helped better?',
          csat_thankyou: 'Thanks for the response',
          csat_rate_here: 'Submit your rating here',
          channel_response: {
            offline: 'We are currently away. Please leave us a message',
            online: {
              minutes: {
                one: "Currently replying in {!time!} minutes ",
                more: "Typically replies in {!time!} minutes"
              },
              hours: {
                one: "Currently replying in under an hour",
                more: "Typically replies in {!time!} hours",
              }
            }
          }
        }
      }
    }
  });
</script>

1
2
3
4
5
6
7
8
<script src="WEB_HOST_URL/js/widget.js"></script>
<script>
  window.fcWidget.init({
    fullscreen: false,
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<script src="https://snippets.freshchat.com/js/fc-pre-chat-form-v2.min.js"></script>
<script>
  var preChatTemplate = {
    //Form header color and Submit button color.
    mainbgColor: '#0aa4db',
    //Form Header Text and Submit button text color.
    maintxColor: '#fff',
    //Chat Form Title
    heading: 'GadgetGod',
    //Chat form Welcome Message
    textBanner: 'We can\'t wait to talk to you. But first, please take a couple of moments to tell us a bit about yourself.',
    //Submit Button Label.
    SubmitLabel: 'Start Chat',
    //Fields List - Maximum is 5
    //All the values are mandatory and the script will not work if not available.
    fields : {
      field1 : {
        //Type can be either text or title
        type: "title",
        //Label for Field Title, can be in any language
        label: "Title",
        //Field ID for Title
        fieldId: "title",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please Enter a valid Title"
      },
      field2 : {
        //Type for Name - Do not Change
        type: "name",
        //Label for Field Name, can be in any language
        label: "Name",
        //Default - Field ID for Name - Do Not Change
        fieldId: "name",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please Enter a valid name"
      },
      field3 : {
        //Type for Email - Do Not Change
        type: "email",
        //Label for Field Email, can be in any language
        label: "Email",
        //Default - Field ID for Email - Do Not Change
        fieldId: "email",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please Enter a valid Email"
      },
      field4 : {
        //Type for Phone - Do Not Change
        type: "phone",
        //Label for Field Phone, can be in any language
        label: "Phone",
        //Default - Field ID for Phone - Do Not Change
        fieldId: "phone",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please Enter a valid Phone Number"
      },
      field5 : {
        //Type for Dropdown
        type: "dropdown",
        //Label for Field Dropdown, can be in any language
        label: "Plan",
        //Field ID for Plan Dropdown
        fieldId: "plan",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please select an option",
        //Options for the Dropdown field
        options: ['Sprout','Blossom','Garden','Estate','Forest']
      }
    }
  };
  window.fcSettings = {
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    config: {
      cssNames: {
        //The below element is mandatory. Please add any custom class or leave the default.
        widget: 'custom_fc_frame',
        //The below element is mandatory. Please add any custom class or leave the default.
        expanded: 'custom_fc_expanded'
      }
    },
    onInit: function() {
      console.log('widget init');
      fcPreChatform.fcWidgetInit(preChatTemplate);
    }
  };
</script>
<script src="WEB_HOST_URL/js/widget.js" async></script>

1
2
3
4
5
6
7
8
9
<script src="WEB_HOST_URL/js/widget.js"></script>
<script>
  window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    //Have the widget open on load by default by setting the below value to true
    open: true,
    });
</script>

1
2
3
4
5
6
7
8
9
10
<script>
var timeInMillis = 5000;
setTimeout(function() {
  window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL"
  });
},timeInMillis);
</script>
<script src= "WEB_HOST_URL/js/widget.js" async></script>

1
2
3
4
5
6
7
8
9
10
11
<script src="WEB_HOST_URL/js/widget.js"></script>
<script>
  window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    //Have the widget open on load by default by setting the below value to true
    config: {
      showFAQOnOpen: true,
    }
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script src="WEB_HOST_URL/js/widget.js"></script>
<script>
  window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    config: {
      headerProperty: {
        appName: 'Pingpong',
          hideChatButton: true,
      }
    }
  });
</script>
<button id="pingpongchat" onClick="window.fcWidget.open();">Open Widget</div>

1
2
3
4
5
6
7
8
9
<script>
  window.fcWidget.init({
    token: 'WEB_CHAT_TOKEN',
    host: 'WEB_HOST_URL',
    config: {
      disableNotifications: true
    }
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
<script>
  window.fcWidget.init({
    config: {
    headerProperty: {
      hideChatButton: true
    }
    },
    host: "WEB_HOST_URL",
    token: "WEB_CHAT_TOKEN"
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script src="WEB_HOST_URL/js/widget.js"></script>
<script>
  window.fcWidget.init({
    host: "WEB_HOST_URL",
    token: "WEB_CHAT_TOKEN"
    //Have the widget open on load by default by setting the below value to true
    open: false,
    config: {
      //Disable Events Tracking
      disableEvents: true,
      showFAQOnOpen: false,
      agent: {
        hideName: true,
        hidePic: true,
        hideBio: true,
      },
      headerProperty: {
        backgroundColor: '#FFFF00',
        foregroundColor: '#333333',
        backgroundImage: 'WEB_HOST_URL/assets/images/texture_background_1-bdc7191884a15871ed640bcb0635e7e7.png',
        //Hide the chat button on load
        hideChatButton: false,
        //Set Widget to be left to right.
        direction: 'ltr'
      }
    }
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script src="WEB_HOST_URL/js/widget.js"></script>
<script>
  window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    config: {
        headerProperty: {
        //If you have multiple sites you can use the appName and appLogo to overwrite the values.
          appName: 'Gadget God',
          appLogo: 'https://d1qb2nb5cznatu.cloudfront.net/startups/i/2473-2c38490d8e4c91660d86ff54ba5391ea-medium_jpg.jpg?buster=1518574527',
      }
    }
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script src="WEB_HOST_URL/js/widget.js"></script>
<script>
  window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    config: {
      content: {
          welcomeMessage: 'Chat with Us',
          welcomeSubMessage: 'Solution Articles'
        }
      }
    }
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<script src="WEB_HOST_URL/js/widget.js"></script>
<style>
  #pingpongchat {
    position: fixed;
    bottom: 10px;
    right: 10px;
    height: 40px;
    background: url(https://dl.dropboxusercontent.com/s/azswjvqy3jejq67/whatsapp.png)no-repeat;
    width: 40px;
    background-size: 100%;
    z-index: 99999999999;
    cursor: pointer;
}
</style>
<div id="pingpongchat" onClick="window.fcWidget.open();"></div>
<script>
  window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    config: {
      headerProperty: {
        appName: 'Pingpong',
        hideChatButton: true,
      }
    }
  });
</script>
<script>
window.fcWidget.on("widget:opened", function(resp) {
  console.log('Widget Opened');
  document.getElementById('pingpongchat').style.visibility = "hidden"
});
</script>
<script>
window.fcWidget.on("widget:closed", function(resp) {
  console.log('Widget Closed');
  document.getElementById('pingpongchat').style.visibility = "visible"
});
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
To block all the events, use this code.

window.fcWidget.init({
  token: "WEB_CHAT_TOKEN",
  host: "WEB_HOST_URL",
  config: {
    disableEvents: true,
  }
})

To block only page transition events, use this code
window.fcWidget.init({
  token: "WEB_CHAT_TOKEN",
  host: "WEB_HOST_URL",
  config: {
    disablePageTransition: true,
  }
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
  window.fcSettings = {
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    onInit: function() {
      window.fcWidget.on("widget:loaded", function(resp) {
        window.fcWidget.on("user:created", function(resp) {
          console.log("User created.");
        });
        window.fcWidget.on("widget:opened", function(resp) {
          console.log('Widget Opened');
        });
        window.fcWidget.on("widget:closed", function(resp) {
          console.log('Widget Closed');
        });
      });
    }
  };
</script>
<script src="WEB_HOST_URL/js/widget.js" async></script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<script>
  window.fcSettings = {
    token: "WEB_CHAT_TOKEN",
    host: "WEB_HOST_URL",
    onInit: function() {
      window.fcWidget.on("widget:loaded", function(resp) {
        window.fcWidget.on("user:created", function(resp) {
          console.log("User created.");
          console.log(resp);
            gtag('event', 'User Create', {
                'send_to': 'UA-XXXXXXXX-1',
                'event_category': 'Freshchat widget',
                'event_label': resp.action
            });
        });
        window.fcWidget.on("widget:opened", function(resp) {
          console.log('Widget Opened');
            gtag('event', 'Widget Open', {
                'send_to': 'UA-XXXXXXXX-1',
                'event_category': 'Freshchat widget',
                'event_label': 'widget_open'
            });
        });
        window.fcWidget.on("widget:closed", function(resp) {
          console.log('Widget Closed');
          gtag('event', 'Widget Closed', {
              'send_to': 'UA-XXXXXXXX-1',
              'event_category': 'Freshchat widget',
              'event_label': 'widget_closed'
          });
        });
      });
    }
  };
</script>
<script src="WEB_HOST_URL/js/widget.js" async></script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-XXXXXXXX-1');
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<script>
  window.fcSettings = {
    onInit: function() {
      window.fcWidget.on("widget:loaded", function(resp) {
        window.fwcrm.on("user:created", function(resp) {
          console.log("User created.");
          console.log(resp);
          ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'User Create', resp.action);
        });
        window.fwcrm.on("widget:opened", function(resp) {
          console.log('Widget Opened');
          ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'Widget Open', 'widget_open');
        });
        window.fwcrm.on("widget:closed", function(resp) {
          console.log('Widget Closed');
          ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'Widget Closed', 'widget_closed');
        });
    });
    }
  };
</script>
<script src="WEB_HOST_URL/js/widget.js" async></script>
<!-- Google Analytics -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'G-N****0Q8', 'auto');
  ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

1
2
3
4
5
6
7
8
9
<script>
  window.fcWidget.init({
    token: "WEB_CHAT_TOKEN"
      host: "WEB_CHAT_HOST",
      config: {
          eagerLoad: true
      }    
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// Topic name should be provided based on the topic that's available in an account. If wrong topic name is given, then we will open the default channel
<div>
  <button id="button1" onclick="firstScript()">Payment Issues - 1</button>
</div>
<br>
<div>
  <button id="button2" onclick="secondScript()">Payment Issues - 2</button>
</div>
<br>

// token and host will change based on the account. You can check these details in Freshchat Settings -> Channels -> Custom Deploy option
<script>
function initFreshChat() {
  window.fcWidget.init({
    token: "your-token-id",
    host: "https://webchat-silver.freshpori.com", 
  });
}
function initialize(i,t){var e;i.getElementById(t)?initFreshChat():((e=i.createElement("script")).id=t,e.async=!0,e.src="https://webchat-silver.freshpori.com/js/widget.js",e.onload=initFreshChat,i.head.appendChild(e))}function initiateCall(){initialize(document,"Freshdesk Messaging-js-sdk")}window.addEventListener?window.addEventListener("load",initiateCall,!1):window.attachEvent("load",initiateCall,!1);
</script>

<script>
function firstScript() {
  window.fcWidget.open({ conversationReferenceId: '1', name: 'Payment Issues'});
}
function secondScript() {
  window.fcWidget.open({ conversationReferenceId: '2', name: 'Payment Issues'});
}
</script>

1
2
3
4
5
6
7
8
9
10
11
<!-- Head -->
<script src="WEB_HOST_URL/js/widget.js"></script>
<!-- Head -->
<script>
window.fcWidget.init({
    token: "WEB_CHAT_TOKEN",
    host: "WEB_CHAT_URL",
    tags: ["public", "paid"],
    externalId: <externalId>
});
</script>

1
2
3
<script>
window.fcWidget.setTags(tags);      // For ex: ["public", "paid"]
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- Head -->
<script src="WEB_HOST_URL/js/widget.js"></script>
<!-- Head -->
<script>
window.fcWidget.init({
  token: "WEB_CHAT_TOKEN",
  host: "WEB_HOST_URL",
  // Setting FAQ Tags in the object below.
  faqTags : {
    // Array of Tags
    tags : ['paidusers'],
    //For articles, the below value should be article.
    //For article category, the below value should be category.
    filterType:'category' //Or filterType: 'article'
  },
});
</script>

1
2
3
4
5
6
7
8
9
<script>
window.fcWidget.setFaqTags({
  // For ex: ["public", "paid"]
  tags : ['hello'],
  //For articles, the below value should be article.
  //For article category, the below value should be category.
  filterType:'article' //Or filterType: 'category'
});
</script>

1
2
3
4
5
6
7
8
9
<script>
window.fcWidget.init({
  token: 'WEB_CHAT_TOKEN',
  host: 'WEB_CHAT_HOST',
  config: {
    faqPopupView: true
  }
});
</script>

1
2
3
4
5
6
7
8
9
<!-- Head -->
  <script src="WEB_HOST_URL/js/widget.js"></script>
  <!-- Head -->
  <script>
    window.fcWidget.init({
      token: "WEB_CHAT_TOKEN",
      host: "WEB_HOST_URL"
    });
  </script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- Head -->
  <script src="WEB_HOST_URL/js/widget.js"></script>
  <!-- Head -->
  <script>
    window.fcWidget.init({
      token: "WEB_CHAT_TOKEN",
      host: "WEB_HOST_URL",
      externalId: "john.doe1987",     // user’s id unique to your system
      firstName: "John",              // user’s first name
      lastName: "Doe",                // user’s last name
      email: "john.doe@gmail.com",    // user’s email address
      phone: "8668323090",            // phone number without country code
      phoneCountryCode: "+1"          // phone’s country code
    });
  </script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script src="WEB_HOST_URL/js/widget.js" async></script>
  <script>
    var restoreId = RESTOREID //Which need to be fetched from your DB
    window.fcWidget.init({
      token: "WEB_CHAT_TOKEN",
      host: "WEB_HOST_URL",
      externalId: '1234567',
      restoreId: restoreId ? restoreId : null
    });
    window.fcWidget.user.get(function(resp) {
      var status = resp && resp.status,
          data = resp && resp.data;
      if (status !== 200) {
        window.fcWidget.user.setProperties({
          firstName: "John",              // user's first name
          lastName: "Doe",                // user's last name
          email: "john.doe@gmail.com",    // user's email address
          phone: "8668323090",            // phone number without country code
          phoneCountryCode: "+1",         // phone's country code
          plan: "Estate",                 // user's meta property 1
          status: "Active",               // user's meta property 2
          "Last Payment": "12th August"   // user's meta property 3
        });
        window.fcWidget.on('user:created', function(resp) {
          var status = resp && resp.status,
              data = resp && resp.data;
          if (status === 200) {
            if (data.restoreId) {
              // Update restoreId in your database
            }
          }
        });
      }
    });
  </script>

1
2
3
4
5
6
7
8
9
10
11
12
<script>
window.fcWidget.user.setProperties({
  firstName: <fname>,
  lastName: <lname>,
  email: <email>,
  phone: <phone>,
  phoneCountry: <country_code>,
  "plan": "Estate",
  "status": "Active",
  "Last Payment": "12th August"
});
</script>