The web messenger in Freshchat also known as the conversations widget, is used to deliver a convenient and contextual conversational messaging experience for customers. The web messenger is positioned on the bottom-right corner by default. You can change the position to the bottom-left instead.


Note: Navigate to Admin > Admin Settings > CRM Tracking Code > Integrate your website > Copy to get the widget code


Use this code within the body tag of your website.


<script>
window.fcWidgetMessengerConfig = {
config: {
headerProperty: {
     direction: 'ltr' //will move widget to left side of the screen
  }
  }
  }
</script>
<script src='//fw-cdn.com/1*****7/2*****4.js' chat='true'></script>



CSS

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

HTML

<script>
window.fcWidgetMessengerConfig = {
config: {
     cssNames: {
        widget: "custom_fc_frame"
     }
  }
  }
</script>

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

<style>
.custom_fc_frame {
right: 400px !important;
bottom: 100px !important;
}
</style>