1
2
3
4
5
6
7
8
9
10
11
12
<script src='//fw-cdn.com/1*****7/2*****9.js' chat='true'></script>
<script>
  window.fwcrm.on("user:created", function () {
      window.fcWidget.setExternalId("john.doe1987");
      window.fcWidget.user.setFirstName("John");
      window.fcWidget.user.setEmail("john.doe@gmail.com");
      window.fcWidget.user.setProperties({
        plan: "Pro",                 // meta property 1
        status: "Active"                // meta property 2
      });
  });
</script>

1
2
3
4
5
6
<script>
  window.fcWidgetMessengerConfig = {
    siteId: ‘newsiteId’
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
  window.fcWidgetMessengerConfig = {
    // 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>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
<script>
  window.fcWidgetMessengerConfig = {
    tags: ["public", "paid"], 
    externalId: <externalId>
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='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
30
31
32
<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
window.fcWidgetMessengerConfig = {
  config: {
    cssNames: {
        widget: "custom_fc_frame"
    }
  }
}
</script>

<script src='//fw-cdn.com/1*****7/2*****4.js' chat='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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<script>
window.fcWidgetMessengerConfig = {
  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>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
9
<script>
window.fcWidgetMessengerConfig = {
  config: {
    fullscreen: true,
  }  
}  
</script>

<script src='//fw-cdn.com/1*****7/2*****4.js' chat='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
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
<script>
  window.prechatTemplate = {
      "SubmitLabel": "Start Chat",
      "fields": {
          "0": {
            "error": "Please Enter a valid Title",
            "fieldId": "title",
            "label": "Title",
            "required": "yes",
            "type": "text"
          },
          "1": {
            "error": "Please Enter a valid name",
            "fieldId": "name",
            "label": "Name",
            "required": "yes",
            "type": "text"
          },
          "2": {
            "error": "Please Enter a valid Email",
            "fieldId": "email",
            "label": "Email",
            "required": "yes",
            "type": "email"
          },
          "3": {
            "error": "Please Enter a valid Phone Number",
            "fieldId": "phone",
            "label": "Phone",
            "required": "no",
            "type": "phone"
          },
          "4": {
            "error": "Please select an option",
            "fieldId": "plan",
            "label": "Plan",
            "options": [
                "Sprout",
                "Blossom",
                "Garden",
                "Estate",
                "Forest"
            ],
            "required": "no",
            "type": "dropdown"
          }
      },
      "heading": "Chat with Us",
      "mainbgColor": "#0aa4db",
      "maintxColor": "#fff",
      "textBanner": "We can't wait to talk to you. But first, please take a couple of moments to tell us a bit about yourself."
    };
    window.fcSettings = {
      onInit: function() {
        window.fcPreChatform.fcWidgetInit(window.prechatTemplate);
    }
    };
    window.fcWidgetMessengerConfig = {
      config: {
          content: {
            actions: {
                tab_chat: "Chat"
            },
            headers: {
                chat: "Chat With Us"
            }
          },
          cssNames: {
            expanded: "custom_fc_expanded",
            widget: "custom_fc_frame"
          }
      }
    };
  </script>
  <script src="https://snippets.freshchat.com/js/fc-pre-chat-form-v2.js"></script>
  <script src='//fw-cdn.com/1628939/2527989.js' chat='true'></script>

1
2
3
4
5
6
7
<script>
  window.fcWidgetMessengerConfig = {
    open: true,
  }
</script>

<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
9
<script>
  var timeInMillis = 5000;
  setTimeout(function() {
    window.fcWidgetMessengerConfig = { 
      open: true,
    }
  },timeInMillis);
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
<script>
  window.fcWidgetMessengerConfig = {
    config: {
      showFAQOnOpen: true,
    }
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
9
10
11
12
<script>
  window.fcWidgetMessengerConfig = {
    config: {
      headerProperty:{
        hideChatButton: true,
      }
    }
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

<button id="pingpongchat" onClick="window.fcWidget.open();">Open Widget</div>

1
2
3
4
5
6
7
8
<script>
  window.fcWidgetMessengerConfig = {        
    config: {
      disableNotifications: true
    }
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
9
10
<script>
  window.fcWidgetMessengerConfig = {
    config: {
      headerProperty:{
        hideChatButton: true,
      }
    }
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='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
<script src='//au.fw-cdn.com/20129460/69859.js' chat='true'></script>
<script>
  window.fcWidgetMessengerConfig = {
    //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
<script>
  window.fcWidgetMessengerConfig = {
    config: {
      headerProperty:{
        //If you have multiple sites you can use the appName and appLogo to overwrite the values.
        appName: 'New App Name',
        appLogo: 'https://d1qb2nb5cznatu.cloudfront.net/startups/i/2473-2c38490d8e4c91660d86ff54ba5391ea-medium_jpg.jpg?buster=1518574527',
      }
    }
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
9
10
11
<script>
  window.fcWidgetMessengerConfig = {
    config: {
      content: {
        welcomeMessage: 'Chat with Us',
        welcomeSubMessage: 'Solution Articles'
      }
    }
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
  <head>
    <style type="text/css">
      #custom_fc_button {
        width: 10%;
        position: fixed;
        right: -5%;
        bottom: 18px;
        float: right;
        cursor: pointer;
      }

      #imageicon {
        height: 30%;
        width: 30%;
      }
    </style>
  </head>
  <body>
    <div id="custom_fc_button">
      <a id="open_fc_widget" onClick="openWidget()" style="cursor: pointer;"><img id="imageicon" src="https://i.ibb.co/R9FYnL4/2203537-chat-conversation-message-talk-icon.png" /></a>
    </div>
  </body>
  <script>
    window.fcWidgetMessengerConfig = {
      config: {
        headerProperty: {
          hideChatButton: true,
        },
      },
    };
  </script>
  <script src="//fw-cdn.com/1866539/2676358.js" chat="true"></script>
  <script type="text/javascript">
    var openWidget = function () {
      document.getElementById("fc_frame").style.visibility = "visible";
      window.fcWidget.open();
      initEvents();
    };
    var initEvents = function () {
      window.fcWidget.on("widget:opened", function (resp) {
        document.getElementById("custom_fc_button").style.visibility = "hidden";
      });
      window.fcWidget.on("widget:closed", function (resp) {
        document.getElementById("custom_fc_button").style.visibility =
          "visible";
      });
    };
  </script>
</html>

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

window.fcWidgetMessengerConfig = {
  config: {
    disableEvents: true,
  }
}


To block only page transition events, use this code
window.fcWidgetMessengerConfig = {
  config: {
    disablePageTransition: true,
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
<script>
    var s = document.createElement('script');
    s.type = 'text/javascript';
    try {
      s.appendChild(document.createTextNode(code));
      document.body.appendChild(s);
    } catch (e) {
      s.src = '//fw-cdn.com/1*****7/2*****4.js';
      s.chat = true;
      document.body.appendChild(s);
    }
  </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
<script>
    window.fcSettings = {
      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': 'G-RLQ7N070Q8',
                  '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': 'G-RLQ7N070Q8',
                  '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': 'G-RLQ7N070Q8',
                  'event_category': 'Freshchat widget',
                  'event_label': 'widget_closed'
              });
          //Function to do some task
      });
        });
      }
    };
  </script>
  <script>
    var s = document.createElement('script');
    s.type = 'text/javascript';
    try {
      s.appendChild(document.createTextNode(code));
      document.body.appendChild(s);
    } catch (e) {
      s.src = '//fw-cdn.com/1*****7/2*****4.js';
      s.chat = true;
      document.body.appendChild(s);
    }
  </script>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-RL***70Q8"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-RL***70Q8');
  </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
<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>
    var s = document.createElement('script');
    s.type = 'text/javascript';
    try {
      s.appendChild(document.createTextNode(code));
      document.body.appendChild(s);
    } catch (e) {
      s.src = '//fw-cdn.com/1*****7/2*****4.js';
      s.chat = true;
      document.body.appendChild(s);
    }
  </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
<script>
  window.fcWidgetMessengerConfig = {
      config: {
          eagerLoad: true
      }
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 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>

// Update this line with your script code
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></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
<script>
  window.fcWidgetMessengerConfig = {
    tags: ["public", "paid"],
    externalId: <externalId>
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
<script>
  window.fwcrm.on("widget:loaded", function () {
  	window.fcWidget.setTags(tags);      // For ex: ["public", "paid"]
  });
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
  window.fcWidgetMessengerConfig = {
    // 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>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
9
10
11
<script>
    window.fwcrm.on("widget:loaded", function () {
      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
<script>
window.fcWidgetMessengerConfig = {
  config: {
    faqPopupView: true
  }
);
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
  window.fcSettings = {
    onInit: function() {
      window.fcWidget.setExternalId("john.doe1987");
      window.fcWidget.user.setFirstName("John");
      window.fcWidget.user.setEmail("john.doe@gmail.com");
      window.fcWidget.user.setProperties({
        plan: "Pro",                 // meta property 1
        status: "Active"                // meta property 2
      });
    }
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='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
30
31
32
33
34
35
36
37
<script>
  var restoreId = RESTOREID //Which need to be fetched from your DB
  window.fcWidgetMessengerConfig = {
    externalId: "john.doe1987",      // user's id unique to your system
    restoreId: restoreId ? restoreId : null
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>
<script>
window.fwcrm.on('widget:loaded',function(){
      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
13
<script>
window.fcWidgetMessengerConfig = {
  firstName: <fname>,
  lastName: <lname>,
  email: <email>,
  phone: <phone>,
  meta: {
    linkedin: <linkedin_data>, // Note that you can specify the "Internal name" (from CRM Contact page) for any property you would like to set
    cf_custom_property: <custom_property>
  }
}
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>