How to integrate the Hello-Chat Widget

Here are the steps to create and integrate a Chat Widget :


  •  Go to your MSG91 panel and click on"Hello".




  • Select the Manage option from the sidebar and select the All Inboxes section under it.



  • How to Create Chat-widget 
    First thing is to Create Inbox , Click upon Create Inbox .

  • Select Integrate Chat Widget As Inbox.



  • Filling in the required details in the Chat widget , after filling all the details Click upon save and Save the Widget.


  • Click upon Integration and Copy the Code which is going to be added in Header or Footer of the Website



  • Afterwards give some changes in Code according to use-case of Widget 


For example. If you only want to hide the Launcher then Type True instead of <True/False> And rest all Four would be False 



 { widgetToken: "XXXX",

  hide_launcher: true, // override default widget hide launcher settings

  show_widget_form: false, // override default widget show client form settings

  show_close_button: false, // override default show close button widget settings

  launch_widget: false, // override default launch widget settings

  show_send_button: false, // override default show send button widget settings

  unique_id: <unique_id>, // any unique id, could be username, email etc.

  name: <name>,  // optional, if not passed in code, a form will be displayed

  number: <number>, // optional, if not passed in code, a form will be displayed

  mail: <mail>, // optional, if not passed in code, a form will be displayed

  country: <country>,

  city: <city>,

  region: <region>

};

;

</script>

<script type="text/javascript" onload="initChatWidget(helloConfig, 5000)" src="https://control.msg91.com/app/assets/widget/chat-widget.js">; </script> // If you want to load widget with a delay, can pass 2nd param for delay in milliseconds"

 
Note- Paste the Code on your Web-page's Header Or Footer as per requirement.

  • After that Chat-Widget will get integrated to Your website and after these following steps, Bot can get linked to that Widget  



  • Select the Desired inbox and Click up-on 3 dots and select Bot Settings 





  • Select the Bot In the Drop down Window 



  • Select the Bot and Click upon Update 



  • Bot has been Integrated to Widget successfully .