How to control the live chat widget custom features

If you want to hide the widget on mobile, remove the screenshot feature or the attachments, this is the tutorial for you

Luca Micheli
Written by Luca MicheliLast update 2 years ago

The Live Chat has custom features that can be hidden with a custom setting to add to your snippet.


Remember all the custom settings should be placed between this part of the snippet:

<!-- Customerly Live Chat Snippet Code -->
<script>     
!function(){var e=window,i=document,t="customerly",n="queue",o="load",r="settings",u=e[t]=e[t]||[];if(u.t){return void u.i("[customerly] SDK already initialized. Snippet included twice.")}u.t=!0;u.loaded=!1;u.o=["event","attribute","update","show","hide","open","close"];u[n]=[];u.i=function(t){e.console&&!u.debug&&console.error&&console.error(t)};u.u=function(e){return function(){var t=Array.prototype.slice.call(arguments);return t.unshift(e),u[n].push(t),u}};u[o]=function(t){u[r]=t||{};if(u.loaded){return void u.i("[customerly] SDK already loaded. Use customerly.update to change settings.")}u.loaded=!0;var e=i.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://messenger.customerly.io/launcher.js";var n=i.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};u.o.forEach(function(t){u[t]=u.u(t)})}();         
  
customerly.load({    
    app_id: "00c4ed07",
       <!-- PUT HERE YOUR CUSTOM SETTINGS LIKE THE EXAMPLE BELOW -->
       widget_hide_mobile: true
 });

</script> 
<!-- End of Customerly Live Chat Snippet Code -->


If you want to hide the widget only on mobile you can add this line of code:

widget_hide_mobile: true


If you want to hide the attachment feature icon, please add this line of code to your javascript code:

attachments_available: false


If you want to remove the screenshot feature icon from the live chat widget, then add this line:

screenshot_available: false


If you want to force your live chat language use:

language: 'it'|'en'|'fr'|'es'

Did this answer your question?