Intercom
To use an Intercom chat widget to chat with your customers, and correctly pass the customer information to Intercom you can follow these steps:
Setup
Find your workspace Id (or App id) by following these instructions:
Next, go to the "Custom Code" section of your portal settings and enter the following code in the
Header Code section, replacing <YOUR_APP_ID> with the value you found in the first step
1
<script type="text/javascript">
2
var APP_ID = '<YOUR_APP_ID>';
3
4
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + APP_ID;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
5
6
window.Intercom('boot', {
7
app_id: APP_ID,
8
});
9
10
function setIntercomSettings(user) {
11
window.Intercom('update', {
12
app_id: APP_ID,
13
id: user.id,
14
name: user.firstName + " " + user.lastName,
15
email: user.email,
16
company: user.company.companyName,
17
// Add other values here
18
});
19
}
20
21
window._NolocoOnLoadUser = setIntercomSettings;
22
</script>
Copied!
Finally, publish your project so that this is picked up when your users load your app.
If there are other details you need to send to Intercom be sure to request them in the app, and then just update the
window.Intercom('update', ....) function call with whatever values you need.
More information
For more information on integrating Intercom you can read their help article:
Last modified 27d ago
Copy link