Chat widget is positioned on the right side bottom corner by default. You can move the position of the chat widget from right to left side. 

You can use the following code snippet to do this. Use this code within the body tag of your website.

<script>window.fcSettings = {token: "Web_Chat_Token,host: "https://wchat.freshchat.com",config: {headerProperty: {direction: 'ltr' //will move widget to left side of the screen}}};</script><script src="https://wchat.freshchat.com/js/widget.js" async></script>


Note: You can find your Web_Chat_Token under Admin Settings > Web Messenger > Getting Started > STEP 2.


You can also change the position of the widget using your css stylesheet instead. To do this, use the below code in your stylesheet.

CSS

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

HTML

<script>

 window.fcWidget.init({

  "config": {

     "cssNames": {

        "widget": "custom_fc_frame"

     }

  },

  "host": "https://wchat.freshchat.com",

  "token": "enter token here"

 });

</script>