Skip to content

Instantly share code, notes, and snippets.

@thewheat
Last active July 30, 2021 14:35
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thewheat/ff8982a7ccad427885c0e38ff82e8bfc to your computer and use it in GitHub Desktop.
Save thewheat/ff8982a7ccad427885c0e38ff82e8bfc to your computer and use it in GitHub Desktop.
Integrate Intercom https://intercom.com into Shopify via manual code. Supports both visitors and logged in users
<script>
// Add this to your theme layout code after the footer
var APP_ID = "YOUR_APP_ID";
{% if customer %}
// https://help.shopify.com/en/themes/liquid/objects/customer
window.intercomSettings = {
app_id: APP_ID,
name: "{{customer.name}}",
email: "{{customer.email}}",
user_id: "{{customer.id}}"
};
{% else %}
window.intercomSettings = {
app_id: APP_ID
};
{% endif %}
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){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);}}})()</script>
@thewheat
Copy link
Author

Themes > Actions > Edit code > Choose the layout e.g. theme.liquid > Add before the </body> tag

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment